:root{--navy:#0b2137;--navy2:#112f4b;--blue:#1f6fae;--cyan:#62b5d8;--bg:#f4f7fa;--surface:#fff;--ink:#132434;--muted:#70808f;--line:#e2e9ef;--green:#1f7a58;--amber:#a96b12;--red:#b54242;--shadow:0 14px 36px rgba(20,48,73,.075);--r:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.boot{position:fixed;inset:0;display:grid;grid-auto-flow:column;place-items:center;justify-content:center;gap:14px;background:var(--bg);z-index:200}.brandmark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--navy),#3d94c1);box-shadow:0 12px 28px rgba(31,111,174,.24)}.brandmark.small{width:40px;height:40px;border-radius:13px;font-size:12px}.boot strong{display:block;font-size:14px}.boot span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(87,169,210,.18),transparent 34%),radial-gradient(circle at 85% 85%,rgba(20,69,107,.12),transparent 30%),linear-gradient(135deg,#f7fafc,#eef4f7)}.login-card{width:min(470px,100%);background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border:1px solid rgba(222,231,238,.95);box-shadow:0 30px 80px rgba(16,43,65,.12);border-radius:26px;padding:30px}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:24px}.login-brand h1{font-size:22px;letter-spacing:-.03em;margin:2px 0 5px}.login-brand p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.login-card label,.entry label,.form-grid label{display:block;font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:10px}.login-card small{display:block;text-align:center;color:#93a0ab;font-size:8px;margin-top:16px}.login-msg{min-height:18px;color:var(--red);font-size:9px}.security-note{display:flex;gap:10px;border:1px solid #dceaf4;background:#f1f8fc;border-radius:14px;padding:12px;margin:18px 0}.security-note>b{width:24px;height:24px;border-radius:50%;background:#dceef8;color:#176995;display:grid;place-items:center}.security-note strong{display:block;font-size:9px}.security-note span{display:block;color:#557083;font-size:8px;margin-top:3px}.eyebrow{font-size:7px;color:#64839a;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sidebar{width:258px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#091f34,#102f4a 68%,#0c263d);color:#fff;padding:20px 15px;z-index:50}.side-brand{display:flex;gap:11px;align-items:center;padding:4px 7px 23px}.side-brand strong{display:block;font-size:13px}.side-brand span{display:block;color:#9fb5c6;font-size:8px;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;text-align:left;border:0;background:transparent;color:#bed0de;padding:10px 11px;border-radius:11px;cursor:pointer;font-size:10px;font-weight:650}.nav:hover{background:rgba(255,255,255,.06);color:#fff}.nav.active{background:linear-gradient(90deg,rgba(63,154,204,.20),rgba(63,154,204,.08));color:#fff}.badge{font-style:normal;font-size:8px;background:#d59736;color:#fff;border-radius:999px;min-width:20px;padding:3px 6px;text-align:center}.side-health{position:absolute;left:18px;right:18px;bottom:85px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.side-health>div{font-size:8px;color:#a9becd;display:flex;gap:8px;align-items:center;margin:7px 0}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#7a8f9e}.dot.good{background:#49b783}.dot.bad{background:#d76767}.dot.warn{background:#d4a74e}.side-user{position:absolute;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:12px}.avatar{width:34px;height:34px;border-radius:10px;background:rgba(76,166,213,.18);display:grid;place-items:center;font-size:9px;font-weight:800}.side-user strong{display:block;font-size:8px}.side-user span{display:block;font-size:7px;color:#9db2c1;margin-top:2px}.side-user button,.mobile-menu{border:0;background:transparent;color:inherit;cursor:pointer}.main{margin-left:258px;min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:0 27px;background:rgba(244,247,250,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,236,.9)}.title-wrap{display:flex;align-items:center;gap:8px}.title-wrap h2{margin:1px 0 3px;font-size:18px;letter-spacing:-.025em}.title-wrap p{margin:0;color:var(--muted);font-size:9px}.actions{display:flex;align-items:center;gap:8px}.content{max-width:1620px;margin:0 auto;padding:24px 28px 52px}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:9px;font-weight:750;cursor:pointer;transition:.16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(18,45,68,.08)}.btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn.full{width:100%;padding:11px;margin-top:8px}.input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 11px;font-size:9px;outline:none}.input:focus{border-color:#6fa8ca;box-shadow:0 0 0 3px rgba(58,143,190,.10)}.input.compact{width:auto;padding:8px 10px}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.good{background:#e9f7f0;color:var(--green)}.status.bad{background:#fdeeee;color:var(--red)}.status.warn{background:#fff3df;color:var(--amber)}.status.neutral{background:#edf2f5;color:#607281}.micro{font-size:7px;color:var(--muted)}.period{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;margin-bottom:17px}.period>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.period b{font-size:9px;color:#485d6e}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 2px 16px}.hero h3{font-size:23px;letter-spacing:-.035em;margin:4px 0 5px}.hero p{max-width:760px;margin:0;color:var(--muted);font-size:9px;line-height:1.6}.flags{display:flex;gap:7px;flex-wrap:wrap}.flags span{font-size:7px;font-weight:750;color:#4f6d82;background:#edf5fa;border:1px solid #dae9f2;border-radius:999px;padding:6px 8px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:13px}.kpis article{background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--line);border-radius:17px;padding:16px 17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpis article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--navy),#3d94c1)}.kpis span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.kpis strong{display:block;font-size:31px;color:var(--navy);letter-spacing:-.04em;margin:8px 0 4px}.kpis small{font-size:8px;font-weight:750}.up{color:var(--green)}.down{color:var(--red)}.flat{color:var(--muted)}.grid{display:grid;gap:13px;margin-bottom:13px}.main-grid{grid-template-columns:1.25fr .75fr}.two{grid-template-columns:1fr 1fr}.chart-card{padding:16px}.chart-card header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.chart-card h3,.settings h3{font-size:12px;margin:3px 0}.chart-card p{font-size:8px;color:var(--muted);margin:0}.chart{height:285px}.chart.large{height:310px}.chart.xlarge{height:390px}.exec{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 18px;margin-bottom:13px;border-left:4px solid var(--blue)}.exec>div{width:40px;height:40px;border-radius:12px;background:#eaf4fb;color:var(--blue);display:grid;place-items:center;font-size:9px;font-weight:800}.exec p{font-size:10px;line-height:1.65;color:#354a5c;margin:0}.section-title{margin:23px 2px 10px}.section-title h3{font-size:14px;margin:3px 0}.section-title p{font-size:8px;color:var(--muted);margin:0}.section-title.inline{display:flex;justify-content:space-between;align-items:center}.quality{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quality article{padding:15px}.quality strong{display:block;font-size:22px;color:var(--navy)}.quality span{font-size:8px;color:var(--muted)}.filters{display:grid;grid-template-columns:minmax(240px,1.4fr) .7fr .7fr;gap:9px;padding:11px;margin-bottom:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:9px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{position:sticky;top:0;background:#f8fafc;color:#778693;font-size:7px;text-transform:uppercase;letter-spacing:.08em;z-index:3}tbody tr:hover{background:#fbfcfd}.subject{font-weight:700;color:#253b4d;max-width:400px}.sub{font-size:7px;color:var(--muted);margin-top:3px}.pill{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:800}.pill.blue{background:#e9f3fa;color:#236895}.pill.green{background:#e8f5ef;color:#216d50}.pill.amber{background:#fff2df;color:#94600f}.pill.gray{background:#edf1f4;color:#667684}.pill.red{background:#fdecec;color:#a63c3c}.mini{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:7px;font-weight:800;cursor:pointer}.mini.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.entry{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;padding:14px;align-items:end}.entry .input,.form-grid .input{margin-top:5px}.alert{border-radius:13px;padding:11px 13px;font-size:8px;line-height:1.5;margin-bottom:11px}.alert.warning{background:#fff7e9;border:1px solid #f1dfb9;color:#795116}.alert.info{background:#edf6fc;border:1px solid #d5eaf6;color:#345f7a}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.review-card{padding:14px}.review-card h4{font-size:10px;margin:0}.review-card p{font-size:7px;color:var(--muted);line-height:1.55}.review-actions{display:flex;gap:6px;flex-wrap:wrap}.settings{padding:16px}.settings>.btn{margin-top:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mailbox{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.mailbox strong{font-size:8px}.rules{max-height:420px;overflow:auto}.rule{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.rule strong{font-size:8px}.rule p{font-size:7px;color:var(--muted);margin:3px 0}.rule button{border:0;background:transparent;color:var(--red);cursor:pointer;font-size:7px}.empty{padding:32px;text-align:center;color:var(--muted);font-size:9px}.page{display:none}.page.active{display:block}.modal{position:fixed;inset:0;background:rgba(8,25,40,.48);display:grid;place-items:center;padding:20px;z-index:100}.modal-card{width:min(660px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.17);padding:19px}.modal-card header{display:flex;justify-content:space-between}.modal-card header button{border:0;background:transparent;font-size:20px}.modal-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.mobile-menu{display:none}@media(max-width:1120px){.kpis{grid-template-columns:repeat(2,1fr)}.main-grid,.two{grid-template-columns:1fr}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu{display:inline-flex}.content{padding:18px 14px 40px}.topbar{padding:0 14px}.actions .btn{display:none}.filters{grid-template-columns:1fr}.entry{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}}@media(max-width:540px){.kpis,.quality{grid-template-columns:1fr}.entry{grid-template-columns:1fr}.period,.hero{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.title-wrap p{display:none}}@media print{body{background:#fff}.sidebar,.topbar,.period,.section-title,.quality,.page:not(#page-summary){display:none!important}.main{margin:0}.content{padding:0}.surface,.kpis article{box-shadow:none}.page#page-summary{display:block!important}}

/* Microsoft Entra SSO */
.sso-card{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f8fbfd}
.sso-user{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.sso-avatar{width:34px;height:34px;border-radius:10px;background:#e6f1f8;color:#1f6fae;display:grid;place-items:center;font-size:9px;font-weight:800}
.sso-user strong{display:block;font-size:9px;color:var(--ink)}
.sso-user span{display:block;font-size:7px;color:var(--muted);margin-top:2px}
.btn.microsoft{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1b1b1b;border-color:#cfd8df;padding:11px 13px;font-size:9px}
.btn.microsoft:hover{border-color:#9eb8c9;background:#fbfdff}
.ms-logo{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:1px;width:15px;height:15px}
.ms-logo i:nth-child(1){background:#f35325}.ms-logo i:nth-child(2){background:#81bc06}.ms-logo i:nth-child(3){background:#05a6f0}.ms-logo i:nth-child(4){background:#ffba08}
.sso-help{margin:10px 2px 0;color:var(--muted);font-size:7px;line-height:1.55}
