:root{--nav:#071827;--nav2:#0d2538;--line:#d8e1e8;--soft:#f3f7fa;--cyan:#02a9d6;--blue:#0878a9;--text:#12212d;--muted:#647580;--green:#168b55;--warn:#c76a08;--red:#bc2d3a;color:var(--text);background:var(--soft);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select{font:inherit}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.app-shell>*{min-width:0}.app-shell>aside{background:var(--nav);color:#fff;flex-direction:column;min-width:0;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #294052;gap:5px;padding:25px 20px 22px;display:grid}.brand strong{letter-spacing:.14em;font-size:13px}.brand span{color:#66d9f3;font-size:19px;font-weight:700}nav{gap:3px;padding:18px 10px;display:grid}nav button{color:#afc1cc;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;padding:11px 12px}nav button:hover,nav button.active{background:var(--nav2);color:#fff;border-color:var(--cyan)}aside footer{color:#9fb3bf;border-top:1px solid #294052;gap:13px;margin-top:auto;padding:16px 18px;display:grid}aside footer label{gap:5px;font-size:12px;display:grid}aside footer select{background:var(--nav2);color:#fff;border:1px solid #375064;padding:7px}main{min-width:0}main>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 28px;display:flex}header h1{margin:4px 0;font-size:24px}header small,.panel small{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:700}.header-actions{gap:7px;display:flex}.header-actions button,.form button{cursor:pointer;background:#fff;border:1px solid #afbec8;padding:9px 12px}.header-actions .primary,.form .primary{background:var(--blue);border-color:var(--blue);color:#fff}.header-actions button:disabled{opacity:.45;cursor:not-allowed}.notice{background:#e7f5fb;border:1px solid #9bd6e8;justify-content:space-between;margin:18px 28px 0;padding:10px 13px;display:flex}.notice button{background:0 0;border:0;font-size:18px}.content{gap:18px;padding:24px 28px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metrics article,.panel{border:1px solid var(--line);background:#fff}.metrics article{gap:6px;padding:17px;display:grid}.metrics strong{font-size:28px}.metrics span{color:var(--green);font-size:12px}.panel{padding:18px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.panel-title h2,.empty h2{margin:0;font-size:18px}.panel-title>span{color:var(--blue);background:#e6f5f9;padding:4px 8px;font-weight:700}.flow{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0 0;padding:0;list-style:none;display:grid}.flow li{background:#fff;gap:10px;padding:16px;display:grid}.flow b{background:var(--nav);color:#fff;place-items:center;width:28px;height:28px;display:grid}.flow span{font-size:13px}.split{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:9px;font-size:11px}td{border-bottom:1px solid #edf1f4;padding:11px 9px}.status{color:var(--green);background:#edf8f2;border:1px solid #acd4c0;padding:3px 6px;font-size:11px;font-weight:700;display:inline-block}.form{gap:11px;display:grid}.form label{gap:5px;font-size:12px;font-weight:700;display:grid}.form input{border:1px solid #afbec8;min-width:0;padding:9px}.schedule{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:12px 4px;display:grid}.schedule div{gap:4px;display:grid}.schedule small{letter-spacing:0}.schedule em{font-style:normal;font-weight:700}.empty{text-align:center;place-content:center;min-height:280px;display:grid}.empty p{max-width:560px;color:var(--muted);line-height:1.6}[dir=rtl] nav button{text-align:right;border-left:0;border-right:3px solid #0000}[dir=rtl] nav button.active{border-right-color:var(--cyan)}[dir=rtl] th{text-align:right}@media (max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw}.app-shell>aside{width:100%;max-width:100vw;height:auto;position:static;overflow:hidden}.brand{padding:14px 18px}nav{max-width:100%;padding:8px;display:flex;overflow-x:auto}.app-shell>aside footer{display:none}.app-shell>main{width:100%;max-width:100vw;overflow:hidden}main>header{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:16px}.header-actions{width:100%;max-width:100%;overflow-x:auto}.content{min-width:0;padding:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}.flow{grid-template-columns:1fr 1fr}}@media (max-width:520px){.metrics,.flow{grid-template-columns:1fr}.schedule{grid-template-columns:1fr auto}.schedule em{grid-column:2}table{display:block;overflow:auto}}