:root{--navy:#052b46;--deep:#031e33;--gold:#b69a50;--ink:#132c45;--muted:#65758a;--border:#e0e7ef;--canvas:#f3f6fa}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}a{color:#07579a;text-decoration:none}a:hover{text-decoration:underline}.topbar{height:72px;background:var(--navy);color:#fff;position:fixed;inset:0 0 auto 0;z-index:1030;display:flex;align-items:center;gap:20px;padding:0 28px;box-shadow:0 2px 8px #03253a12}.brand{width:222px;height:47px}.top-tools{margin-left:auto;display:flex;align-items:center;gap:20px}.locale{display:flex;align-items:center;gap:4px}.locale button{border:0;color:#aabed0;background:transparent;font-size:11px;padding:6px}.locale .selected{color:white;font-weight:700}.identity{border-left:1px solid #ffffff25;padding-left:20px;font-size:12px}.identity small{display:block;color:#a5bdcf;font-size:10px}.sidebar{position:fixed;inset:72px auto 0 0;width:232px;background:linear-gradient(180deg,var(--navy),var(--deep));padding:22px 12px;display:flex;flex-direction:column;z-index:1020}.sidebar a{color:#d1dfeb;padding:11px 14px;margin-bottom:4px;border-radius:5px;display:flex;align-items:center;gap:13px;font-size:13px}.sidebar a:hover{background:#ffffff10;text-decoration:none}.sidebar a.active{background:#355873;color:#fff;border-left:3px solid var(--gold);padding-left:11px}.nav-symbol{width:17px;text-align:center;font-size:16px}.sidebar-bottom{margin-top:auto;padding:18px 14px;color:#7e9bb1;border-top:1px solid #ffffff15;font-size:10px}.main{margin:72px 0 0 232px;padding:30px 34px;max-width:1900px;min-height:calc(100vh - 72px)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:var(--muted);margin-bottom:6px}h1{font-size:25px;font-weight:650;margin:0;letter-spacing:-.6px}h2{font-size:17px;font-weight:650;margin:0 0 18px}h3{font-size:15px;font-weight:650}p{margin-bottom:12px}.date-label{font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:7px;padding:23px;margin-bottom:22px;box-shadow:0 2px 8px #0b2d4903}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--border);border-radius:6px;padding:17px;min-height:104px}.metric strong{display:block;font-size:27px;line-height:1.2;color:#07559c;font-weight:650;margin-bottom:10px}.metric span{display:block;font-size:11px;max-width:150px}.metric.alert-metric{background:#fffafa}.metric.alert-metric strong{color:#bc3346}.table{font-size:12px;margin-bottom:0;--bs-table-color:var(--ink);--bs-table-border-color:var(--border)}.table thead th{background:#f0f4f8;font-size:11px;font-weight:600;color:#324d68;padding:12px 13px;white-space:nowrap}.table td{padding:13px;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f8fafc}.table-wrap{border:1px solid var(--border);border-radius:5px;overflow:auto}.table-responsive{overflow:auto}.badge{font-weight:500;font-size:10px;padding:5px 8px;line-height:1.3;border-radius:4px}.tag{background:#e6eef5;color:#315976;display:inline-block}.tag-advancing,.tag-approved,.tag-received,.tag-done{background:#d8f2e5;color:#147048}.tag-attention,.tag-review,.tag-qualification,.tag-high,.tag-analysis{background:#fff0c4;color:#87620b}.tag-declining,.tag-critical,.tag-pending{background:#fde0e3;color:#ad2940}.tag-peru{background:#ffe8df;color:#a74723}.tag-active{background:#dcecfb;color:#095687}.tag-closed,.tag-waiting{background:#e9edf2;color:#536273}.btn{font-size:12px;border-radius:4px;padding:8px 16px}.btn-primary{background:#07528f;border-color:#07528f}.btn-gold{background:var(--gold);color:white;border:1px solid var(--gold)}.btn-gold:hover{background:#a18843;color:white}.btn-soft{border:1px solid var(--border);background:#f6f8fb;color:var(--ink)}.form-control,.form-select{font-size:13px;border-color:#d6e0ea;border-radius:4px;min-height:38px}.form-label{font-size:12px;color:#344e68;margin:0 0 7px}.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 24px}.forms-grid textarea{min-height:90px}.forms-grid .wide{grid-column:1/-1}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.search-form{display:flex;gap:8px;max-width:460px;flex:1}.critical-deadline{background:#fff0f1;border:1px solid #f7c7ce;border-left:4px solid #bd3149;border-radius:5px;padding:20px;margin-bottom:20px}.critical-deadline strong{display:block;font-size:22px;font-weight:600;color:#ab263c;margin-top:10px}.critical-deadline small{display:block;color:#b33246;margin-top:9px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-line{margin-bottom:18px}.detail-line dt{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:5px}.detail-line dd{font-size:14px;margin:0}.task-row{background:#fff;border:1px solid var(--border);border-radius:5px;padding:18px;display:flex;align-items:center;gap:20px;margin-bottom:12px}.task-body{flex:1}.task-body strong{display:block}.task-body small{color:var(--muted)}.filter-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filter-tabs .btn{min-width:100px}.timeline{border-left:2px solid #dce5ed;padding-left:23px;margin-left:9px}.timeline-item{position:relative;padding:0 0 24px}.timeline-item:before{content:"";position:absolute;left:-29px;top:4px;width:10px;height:10px;border:2px solid #7c9cb8;background:#fff;border-radius:50%}.timeline-item small{font-size:11px;color:var(--muted)}.timeline-item p{font-size:13px;margin:7px 0}.footer{color:var(--muted);font-size:10px;padding-top:8px}.mobile-menu{display:none;background:transparent;color:#fff;border:1px solid #ffffff30;border-radius:4px;font-size:20px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.95fr) 1.05fr}.auth-art{background:radial-gradient(ellipse at 50% 20%,#24516c,transparent 70%),linear-gradient(160deg,#082e4c,#061a2a);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:65px 12%;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;bottom:0;inset-inline:0;height:45%;background:linear-gradient(135deg,transparent 40%,#142f40 40% 55%,transparent 55%),linear-gradient(45deg,#071a2c 45%,transparent 45%);opacity:.7}.auth-art .brand{width:290px;height:auto;z-index:1}.auth-art p{z-index:1;font-size:24px;line-height:1.5;max-width:320px;font-weight:300}.auth-panel{background:#fff;display:flex;justify-content:center;align-items:center;padding:45px}.auth-form{width:100%;max-width:370px}.auth-form h1{font-size:30px;margin-bottom:10px}.auth-form .muted{color:var(--muted);font-size:14px;margin-bottom:32px}.auth-form .btn{width:100%;margin-top:12px}.auth-brand{font-size:11px;margin-top:45px;color:var(--muted)}.alert{font-size:13px}.muted{color:var(--muted)}.pager{margin-top:18px;display:flex;gap:10px;align-items:center}.section-anchor{scroll-margin-top:90px}.tabs-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.truncate{max-width:220px}.topbar form{margin:0}.topbar .btn{color:#cbdde9;background:transparent;font-size:11px;padding:6px}.notice{color:#af3548;font-size:11px}.no-wrap{white-space:nowrap}
@media(min-width:1500px){.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.main{padding:38px 45px}}@media(max-width:1150px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.main{padding:25px}.sidebar{width:208px}.main{margin-left:208px}.brand{width:192px}.topbar{padding:0 20px}.identity{display:none}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:22px 16px}.topbar{height:64px;padding:0 16px;gap:12px}.sidebar{top:64px;width:232px}.main{margin-top:64px}.brand{width:170px}.mobile-menu{display:block}.top-tools{gap:5px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{align-items:flex-start;flex-direction:column}h1{font-size:22px}.panel{padding:17px}.forms-grid,.details-grid{grid-template-columns:1fr}.forms-grid .wide{grid-column:auto}.auth-shell{grid-template-columns:1fr}.auth-art{min-height:235px;padding:28px 35px}.auth-art .brand{width:240px}.auth-art p{font-size:18px;max-width:270px;margin-top:30px}.auth-panel{padding:35px 24px}.task-row{align-items:flex-start;gap:13px;flex-wrap:wrap}.task-body{min-width:180px}.date-label{display:none}.toolbar{flex-wrap:wrap}.table td{padding:12px 10px}.table th{padding:10px}.filter-tabs .btn{min-width:auto}.metric{padding:15px;min-height:100px}.metric strong{font-size:25px}}
