:root{--ink:#102a38;--deep:#0b2330;--teal:#087e86;--orange:#f28a32;--paper:#f2f6f7;--line:#dce7e9;--muted:#6d8088}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--deep);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:grid;line-height:1}.brand span{font-size:2.25rem;font-weight:950;letter-spacing:-.08em;color:#fff}.brand span:before{content:"O";color:#4dc599;margin-right:-.08em}.brand small{font-size:.56rem;letter-spacing:.14em;color:#a9c0c8}.brand.large span{color:#173744}.sidebar nav{display:grid;gap:7px;margin-top:44px}.sidebar nav a{padding:12px 13px;border-radius:9px;color:#d5e3e6;font-weight:700}.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-label{font-size:.68rem;color:#718e98;letter-spacing:.12em;margin:22px 12px 5px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:20px 10px 0}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot small{color:#92aab2;margin:4px 0 14px}.sidebar-foot button{border:0;background:none;color:#f1a267;padding:0;cursor:pointer}.main{margin-left:250px;padding:34px 42px 70px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top small{color:var(--teal);font-weight:900;letter-spacing:.12em}.top h1{margin:5px 0;font-size:2rem}.emergency{background:#fff0ec;color:#bc4339;border:1px solid #f2c9c4;padding:11px 14px;border-radius:9px;font-weight:850}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats>div{background:#fff;padding:22px;border-radius:14px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(16,42,56,.04)}.stats span,.stats b{display:block}.stats span{color:var(--muted);font-size:.82rem}.stats b{font-size:2rem;margin-top:7px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 12px 32px rgba(16,42,56,.05)}.panel h2{margin:0 0 6px}.panel>p,.panel-head p{margin:4px 0;color:var(--muted)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.primary{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:12px 15px;font-weight:850;cursor:pointer}.button{display:inline-block}.table .tr{display:grid;grid-template-columns:1.5fr 1fr .55fr .7fr;gap:12px;padding:14px 10px;border-top:1px solid #e6edef;align-items:center}.table .th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#75888f;font-weight:850;background:#f5f8f8}.pill{font-style:normal;font-size:.68rem;font-weight:900;padding:6px 8px;border-radius:999px;background:#e6eef0}.pill.p2{background:#ffe4c5;color:#a85e08}.pill.p3{background:#dff1f0;color:#08757b}.pill.planned{background:#e5eaf0;color:#25495c}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.orders-layout{grid-template-columns:1fr 480px}.compact{height:max-content}.form{display:grid;gap:15px;margin-top:20px}.form label{display:grid;gap:6px;font-size:.78rem;font-weight:800;color:#455e68}.form input,.form select,.form textarea{width:100%;border:1px solid #cadadd;border-radius:8px;padding:11px;background:#fff;font:inherit;color:var(--ink)}.form textarea{min-height:95px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.cards article{border:1px solid var(--line);border-radius:11px;padding:17px}.cards h3{margin:6px 0}.cards p{margin:0;color:var(--muted)}.order-list{display:grid;margin-top:18px}.order-list>a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e3ecee;padding:16px 5px}.order-list b,.order-list span,.order-list small{display:block}.order-list span{color:var(--muted);font-size:.82rem;margin-top:4px}.order-list>a>div:last-child{text-align:right}.order-list small{margin-top:7px}.warning{background:#fff3e8;border:1px solid #f1d2b5;border-radius:9px;padding:12px;color:#8b531e;margin-top:15px}.empty{padding:35px;text-align:center;color:var(--muted)}.detail-head{display:flex;justify-content:space-between}.detail-head h2{font-size:1.8rem;margin:12px 0 6px}.status{background:#e3f2ef;color:#08745f;height:max-content;padding:9px 12px;border-radius:8px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0}.detail-grid>div{background:#f4f8f8;border-radius:9px;padding:15px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:var(--muted);margin-bottom:5px}.description{white-space:pre-wrap;line-height:1.65}.alert{padding:13px 15px;border-radius:9px;margin-bottom:18px}.alert.success{background:#e0f2ec;color:#17664f}.alert.error,.alert.warning{background:#ffebe7;color:#9c4038}.login-main{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#0b2938,#087e86)}.login-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:38px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-card .brand{margin-bottom:30px}.login-card .brand span{color:#173744}.login-card .kicker{color:var(--teal);font-weight:900;font-size:.72rem;letter-spacing:.12em}.login-card h1{font-size:2.2rem;margin:7px 0}.login-card>p{color:var(--muted)}.login-help{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;color:#6d5150}.login-help a{color:#b4483f;font-weight:850}@media(max-width:1000px){.sidebar{width:210px}.main{margin-left:210px;padding:28px 24px}.stats{grid-template-columns:1fr 1fr}.two-col,.orders-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto}.sidebar nav{grid-template-columns:1fr 1fr;margin-top:22px}.sidebar-foot{display:none}.main{margin:0;padding:22px 14px}.top{align-items:flex-start;gap:15px}.top .emergency{font-size:.75rem}.stats{grid-template-columns:1fr 1fr}.table .tr{grid-template-columns:1fr .6fr .6fr}.table .tr span:nth-child(2){display:none}.cards,.form-row,.detail-grid{grid-template-columns:1fr}.panel{padding:20px}}
