:root{--navy:#12314b;--navy2:#0c273d;--blue:#2875a9;--sky:#eaf4fa;--bg:#f4f7f9;--text:#193247;--muted:#6c7c89;--line:#dfe7ec;--white:#fff;--red:#c95858;--amber:#bd7e27;--green:#3f816a;--shadow:0 8px 28px rgba(27,55,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy2),#102f47);color:#fff;padding:25px 17px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 27px;border-bottom:1px solid #ffffff1a}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:11px;color:#aac0d0;margin-top:3px}.seal{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#d9a94e;color:#173249;font-weight:800}.sidebar nav{padding-top:17px;flex:1}.nav-label{font-size:10px;letter-spacing:1.5px;color:#7f9aaf;margin:24px 12px 8px}.nav-item{width:100%;border:0;background:transparent;color:#bed0dd;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;text-align:left;cursor:pointer;margin:2px 0}.nav-item:hover,.nav-item.active{background:#ffffff14;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #e0ad4e}.nav-item b{margin-left:auto;background:#ffffff12;border-radius:12px;padding:2px 7px;font-size:11px}.dot{width:8px;height:8px;border-radius:50%}.studies{background:#82a8c2}.works{background:#d8a554}.maintenance{background:#5fb092}.transport{background:#ad84b4}.user-card{border-top:1px solid #ffffff1a;padding:18px 4px 2px;display:flex;align-items:center;gap:9px}.user-card strong,.user-card span{display:block}.user-card strong{font-size:11px}.user-card span{font-size:10px;color:#8fa9bb;margin-top:3px}.user-card button{margin-left:auto;background:transparent;color:#9bb1c1;border:0}.avatar{width:34px;height:34px;border-radius:50%;background:#dba950;color:#193247;display:grid;place-items:center;font-size:11px;font-weight:700}main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:28px 34px 24px;background:#f8fafb;border-bottom:1px solid var(--line)}h1{font-family:Georgia,serif;font-size:25px;margin:0 0 5px;color:#18354c}h2{font-family:Georgia,serif;margin:0;font-size:18px}p{margin:0}.topbar p,.panel-head p{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}.search{width:230px;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8da0ae}.search input{border:0;outline:0;width:100%;font-size:12px}.primary,.secondary{border:0;border-radius:8px;padding:11px 16px;cursor:pointer}.primary{background:#236b99;color:#fff;box-shadow:0 4px 12px #236b9933}.primary:hover{background:#195a83}.secondary{background:#edf2f5;color:var(--text)}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:8px;position:relative}.icon-btn i{position:absolute;width:6px;height:6px;background:#d05252;border-radius:50%;right:8px;top:7px}#dashboard-view,#detail-view{padding:27px 34px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 2px 9px #203e5205}.stats span,.stats small{display:block}.stats span{font-size:11px;color:var(--muted)}.stats strong{font-family:Georgia,serif;font-size:27px;display:block;margin:2px 0}.stats small{font-size:9px;color:#7f8e99}.stat-icon{width:41px;height:41px;border-radius:10px;display:grid;place-items:center;font-weight:bold}.stat-icon.blue{background:#e6f1f8;color:#347cab}.stat-icon.amber{background:#fcf2e1;color:#b77d2d}.stat-icon.red{background:#fbeaea;color:#bf5252}.stat-icon.green{background:#e7f4ef;color:#42826b}.dashboard-grid{display:grid;grid-template-columns:minmax(560px,1.75fr) minmax(290px,.85fr);gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 14px #193c5107}.panel-head{padding:19px 20px 15px;display:flex;justify-content:space-between;align-items:start}.panel-head p{margin-top:5px}.text-btn,.more{border:0;background:transparent;color:#357aa7;cursor:pointer;font-size:11px}.filters{display:flex;gap:8px;padding:0 20px 13px;border-bottom:1px solid var(--line)}.chip{border:1px solid var(--line);background:#fff;border-radius:17px;padding:6px 11px;font-size:10px;color:#687986;cursor:pointer}.chip.active{background:#eaf3f8;border-color:#c8e0ee;color:#236b99}.chip b{margin-left:4px}.request-row{display:grid;grid-template-columns:34px minmax(170px,1.5fr) 135px 110px 85px 18px;align-items:center;gap:11px;padding:13px 20px;border-bottom:1px solid #edf1f3;cursor:pointer}.request-row:last-child{border-bottom:0}.request-row:hover{background:#f8fbfc}.source-icon{width:31px;height:31px;border-radius:8px;background:#edf4f8;display:grid;place-items:center;color:#397aa4;font-size:12px}.request-main strong,.request-main span{display:block}.request-main strong{font-size:12px}.request-main span{font-size:9px;color:#84929c;margin-top:4px}.dept{font-size:9px;color:#526b7d;white-space:nowrap}.status,.priority{font-size:9px;border-radius:12px;padding:5px 8px;text-align:center;white-space:nowrap}.status.new{background:#e6f1f8;color:#3477a4}.status.progress{background:#fff3dd;color:#9c6a1e}.status.late{background:#fae8e8;color:#b14d4d}.status.done{background:#e5f3ed;color:#33755d}.priority{color:#6b7b87}.priority.high{color:#b45151}.right-column{display:flex;flex-direction:column;gap:20px}.workload{padding-bottom:16px}.bar-row{padding:7px 20px}.bar-meta{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.bar-meta span:last-child{color:#798a95}.bar{height:7px;background:#edf1f3;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;border-radius:8px}.activity{padding-bottom:10px}.activity-item{display:flex;gap:10px;padding:10px 20px}.avatar.small{width:29px;height:29px;min-width:29px;font-size:9px;background:#8fb5cc}.avatar.olive{background:#87b9a4}.avatar.sand{background:#d5b47b}.activity-item p{font-size:10px;line-height:1.45;color:#667783}.activity-item strong{color:#2c4558}.activity-item a{color:#2d78aa}.activity-item span{display:block;color:#9aa6ae;margin-top:3px}.hidden{display:none!important}dialog{border:0;border-radius:15px;width:min(680px,92vw);padding:0;box-shadow:0 30px 80px #102a3c55;color:var(--text)}dialog::backdrop{background:#102a3c99;backdrop-filter:blur(2px)}.dialog-head{padding:24px 26px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.dialog-head h2{font-size:22px;margin:4px 0 6px}.dialog-head p{font-size:11px;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#2774a4;font-weight:700}.close{border:0;background:#edf2f5;width:31px;height:31px;border-radius:50%;font-size:20px;cursor:pointer}.form-grid{padding:21px 26px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:10px;font-weight:700;color:#526775}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #d8e2e8;border-radius:8px;padding:10px;margin-top:6px;color:var(--text);background:#fff;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#5793b8;box-shadow:0 0 0 3px #5793b81a}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px;background:#f7f9fa;border-top:1px solid var(--line)}.toast{position:fixed;right:25px;bottom:25px;background:#245d4c;color:#fff;border-radius:9px;padding:13px 18px;font-size:11px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.detail-top{display:flex;align-items:center;gap:13px;margin-bottom:20px}.back{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}.detail-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:20px}.case-card{padding:24px}.case-header{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.case-header h2{font-size:23px;margin:7px 0}.case-header p{font-size:12px;color:var(--muted)}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.meta-item span{font-size:9px;color:#82909a;display:block;text-transform:uppercase;letter-spacing:.6px}.meta-item strong{font-size:11px;display:block;margin-top:5px}.timeline{padding-top:20px}.timeline h3{font-family:Georgia,serif;font-size:16px}.timeline-item{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:15px 0;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:14px;top:44px;bottom:-8px;width:1px;background:#dce5ea}.timeline-dot{width:29px;height:29px;border-radius:50%;background:#e7f1f7;display:grid;place-items:center;color:#2e749f;font-size:11px;z-index:1}.timeline-copy{border:1px solid var(--line);border-radius:9px;padding:12px}.timeline-copy strong{font-size:11px}.timeline-copy p{font-size:10px;color:#667986;margin:5px 0}.timeline-copy span{font-size:9px;color:#9aa6ae}.side-info{padding:20px}.side-info h3{font-family:Georgia,serif;font-size:16px;margin:0 0 15px}.info-row{padding:11px 0;border-bottom:1px solid #edf1f3}.info-row span,.info-row strong{display:block}.info-row span{font-size:9px;color:#86949e}.info-row strong{font-size:11px;margin-top:5px}.action-btn{width:100%;margin-top:10px}.empty{padding:40px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:1050px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:22px 10px}.brand>div:last-child,.nav-item:not(.active) b,.nav-item{font-size:0}.brand{padding:0 8px 25px}.seal{min-width:39px}.nav-item{justify-content:center}.nav-item span,.nav-item i{font-size:16px}.nav-label,.user-card>div:not(.avatar),.user-card button{display:none}.user-card{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:20px;align-items:flex-start}.topbar h1{font-size:21px}.topbar p,.search,.icon-btn{display:none}#dashboard-view,#detail-view{padding:18px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{padding:13px}.dashboard-grid{display:block}.right-column{display:block}.panel{margin-bottom:14px}.request-row{grid-template-columns:32px 1fr 90px}.request-row .dept,.request-row .priority,.request-row>span:last-child{display:none}.filters{overflow:auto}.detail-layout{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}