*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7fb;color:#172033;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}:root{--navy:#071f4b;--blue:#0b2f6b;--blue3:#16498f;--red:#e31e24;--green:#16a57b;--amber:#d98b17;--ink:#172033;--muted:#667085;--line:#e3e8ef;--soft:#f7f9fc;--white:#fff;--purple:#7b61ff;--cyan:#1d8fa7;--shadow:0 12px 32px rgba(20,45,89,.08);--radius:16px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#071f4b,#0b2f6b 70%,#09275b);color:#dce7f7;z-index:40;overflow:auto;border-right:1px solid rgba(255,255,255,.08)}.brand{height:82px;display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#071f4b;z-index:2}.brand img{height:54px;width:112px;object-fit:contain;object-position:center}.brand-copy{margin-left:8px}.brand-copy strong{display:block;color:white;font-size:14px}.brand-copy span{font-size:10px;opacity:.7}.side-section{padding:16px 12px 4px}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#87a6d1;font-weight:800;padding:0 10px 8px}.navlink{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;margin:2px 0;color:#d6e4f8;transition:.15s;font-weight:600;font-size:13px}.navlink:hover{background:rgba(255,255,255,.07);color:white}.navlink.active{background:linear-gradient(90deg,rgba(227,30,36,.95),rgba(227,30,36,.72));color:#fff;box-shadow:0 8px 22px rgba(227,30,36,.18)}.navicon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto}.navicon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navbadge{margin-left:auto;background:rgba(255,255,255,.15);font-size:10px;padding:2px 7px;border-radius:999px}.sidebar-footer{padding:14px 18px 24px;color:#8eadd2;font-size:11px}.main{margin-left:264px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px;position:sticky;top:0;z-index:30}.menu-toggle{display:none;border:0;background:#f4f6f9;width:38px;height:38px;border-radius:10px}.searchbox{max-width:420px;flex:1;position:relative}.searchbox input{width:100%;height:40px;border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:0 14px 0 38px;outline:none}.searchbox:before{content:'⌕';position:absolute;left:13px;top:8px;font-size:20px;color:#8b95a7}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.iconbtn{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;position:relative;cursor:pointer}.dot{width:7px;height:7px;background:var(--red);border-radius:50%;position:absolute;right:6px;top:6px;border:2px solid #fff;box-sizing:content-box}.profile{display:flex;align-items:center;gap:10px;padding-left:8px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue3),var(--red));color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.profile strong{font-size:12px;display:block}.profile span{font-size:10px;color:var(--muted)}.role-switch{border:1px solid var(--line);padding:7px 9px;border-radius:9px;background:#fff;color:var(--ink);font-size:11px}.content{padding:26px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.page-head h1{font-size:25px;line-height:1.15;margin:4px 0 5px;color:var(--navy)}.page-head p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;height:38px;padding:0 14px;font-weight:700;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.btn:hover{box-shadow:0 5px 15px rgba(10,30,70,.08)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-red{background:var(--red);border-color:var(--red);color:white}.btn-green{background:var(--green);border-color:var(--green);color:#fff}.btn-ghost{background:#f7f9fc}.btn-sm{height:30px;padding:0 10px;font-size:11px;border-radius:8px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);min-height:128px;position:relative;overflow:hidden}.kpi:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;background:#f1f5fa;right:-18px;top:-18px}.kpi-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.kpi-label{color:var(--muted);font-size:11px;font-weight:700}.kpi-icon{width:32px;height:32px;border-radius:10px;background:#eef4fb;color:var(--blue);display:grid;place-items:center;font-weight:800}.kpi-val{font-size:26px;font-weight:800;color:var(--navy);margin:10px 0 3px;position:relative;z-index:1}.kpi-foot{font-size:10px;color:var(--muted);position:relative;z-index:1}.up{color:var(--green);font-weight:800}.down{color:var(--red);font-weight:800}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head h2,.card-head h3{font-size:14px;margin:0;color:var(--navy)}.card-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.card-body{padding:18px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mb16{margin-bottom:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:780px}.table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#7a8699;background:#fafbfd;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:middle}.table tr:hover td{background:#fbfdff}.link{color:var(--blue3);font-weight:800}.sub{display:block;color:var(--muted);font-size:10px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;background:#eef2f7;color:#536177;white-space:nowrap}.badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.success{background:#e9f8f2;color:#0a8b66}.warn{background:#fff6e4;color:#b56c00}.danger{background:#fff0f1;color:#cf2029}.info{background:#edf4fb;color:#185596}.purple{background:#f1edff;color:#7156e5}.neutral{background:#f1f3f6;color:#647083}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line);background:#fbfcfe}.control{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 11px;color:var(--ink);font-size:11px;outline:none}.control.search{min-width:220px}.tabs{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid var(--line);overflow:auto}.tab{padding:12px 10px 10px;border-bottom:2px solid transparent;font-weight:700;font-size:11px;color:var(--muted);white-space:nowrap;cursor:pointer}.tab.active{color:var(--blue);border-color:var(--red)}.progress{height:7px;border-radius:999px;background:#edf1f5;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue3),#2b78c5)}.progress.green span{background:var(--green)}.progress.red span{background:var(--red)}.progress.amber span{background:#e8a341}.mini-chart{height:140px;position:relative;padding:10px 0 0;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e9edf3}.bar{flex:1;background:linear-gradient(180deg,#3a7fc5,#0b2f6b);border-radius:6px 6px 0 0;min-width:10px;position:relative;opacity:.9}.bar:hover{opacity:1}.bar span{display:none;position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#172033;color:#fff;font-size:9px;padding:3px 5px;border-radius:5px}.bar:hover span{display:block}.chart-labels{display:flex;gap:8px;margin-top:7px}.chart-labels span{flex:1;text-align:center;font-size:9px;color:var(--muted)}.donut-wrap{display:flex;align-items:center;gap:22px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(var(--blue) 0 43%,var(--green) 43% 69%,#e8a341 69% 84%,var(--red) 84% 100%);position:relative;flex:0 0 auto}.donut:after{content:'1,248';position:absolute;inset:22px;background:white;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;color:var(--navy)}.legend{display:grid;gap:9px}.legend div{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:11px}.metric-row:last-child{border-bottom:0}.metric-row strong{color:var(--navy)}.timeline{position:relative;padding-left:19px}.timeline:before{content:'';position:absolute;left:5px;top:7px;bottom:7px;width:2px;background:#e7ebf1}.event{position:relative;padding:0 0 17px 10px}.event:before{content:'';position:absolute;left:-18px;top:5px;width:9px;height:9px;background:var(--blue);border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #dbe4f0}.event strong{font-size:11px;color:var(--navy)}.event p{font-size:10px;color:var(--muted);margin:2px 0}.event time{font-size:9px;color:#98a2b3}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfe}.summary-box span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.04em}.summary-box strong{display:block;font-size:15px;color:var(--navy);margin-top:4px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-item{padding:10px 0;border-bottom:1px dashed var(--line)}.info-item label{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.info-item div{font-size:12px;font-weight:700;margin-top:3px}.stage{display:flex;gap:0;overflow:auto;padding:8px 0}.stage-item{min-width:115px;position:relative;text-align:center}.stage-item:after{content:'';height:3px;background:#dce3ec;position:absolute;top:13px;left:50%;right:-50%;z-index:0}.stage-item:last-child:after{display:none}.stage-dot{width:28px;height:28px;border-radius:50%;background:#e6ebf1;color:#69758a;display:grid;place-items:center;margin:auto;position:relative;z-index:1;font-size:10px;font-weight:800}.stage-item.done .stage-dot{background:var(--green);color:#fff}.stage-item.current .stage-dot{background:var(--red);color:#fff;box-shadow:0 0 0 5px #ffe9ea}.stage-name{font-size:9px;color:var(--muted);margin-top:7px;font-weight:700}.step-list{display:grid;gap:10px}.step{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:flex-start}.step-num{width:28px;height:28px;border-radius:8px;background:#eef4fb;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.step.done .step-num{background:#e8f8f2;color:var(--green)}.step.current{border-color:#f3b9bc;background:#fffafb}.step h4{font-size:11px;margin:0 0 3px}.step p{font-size:10px;color:var(--muted);margin:0}.right{margin-left:auto;text-align:right}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto}.kan-col{background:#f5f7fa;border:1px solid var(--line);border-radius:13px;padding:11px;min-width:220px}.kan-head{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:9px}.kan-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;box-shadow:0 4px 12px rgba(20,45,89,.05)}.kan-card strong{font-size:11px}.kan-card p{font-size:9px;color:var(--muted);margin:4px 0 8px}.taskline{display:flex;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.check{width:18px;height:18px;border:1px solid #cdd5df;border-radius:5px}.invoice-sheet{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;max-width:900px;margin:auto}.invoice-logo{height:58px;width:120px;object-fit:contain}.invoice-head{display:flex;justify-content:space-between;gap:20px}.invoice-title{text-align:right}.invoice-title h2{font-size:24px;margin:0;color:var(--navy)}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.address{font-size:11px;color:var(--muted)}.address strong{display:block;color:var(--ink);font-size:12px;margin-bottom:4px}.inv-table{width:100%;border-collapse:collapse}.inv-table th,.inv-table td{padding:10px;border-bottom:1px solid var(--line);font-size:11px}.inv-table th{background:#f7f9fc;text-align:left}.totals{width:320px;margin:18px 0 0 auto}.totals div{display:flex;justify-content:space-between;padding:6px 0;font-size:11px}.totals .grand{font-size:14px;font-weight:800;border-top:2px solid var(--navy);margin-top:5px;padding-top:10px;color:var(--navy)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field label{font-size:10px;font-weight:800;color:#4f5c70;display:block;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;outline:none;min-height:38px}.field textarea{min-height:82px;resize:vertical}.toggle{width:38px;height:22px;background:#dce2ea;border-radius:999px;position:relative;cursor:pointer}.toggle:after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:.2s}.toggle.on{background:var(--green)}.toggle.on:after{left:19px}.setting-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:11px}.setting-row p{font-size:10px;color:var(--muted);margin:2px 0}.setting-row .toggle{margin-left:auto}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(7,31,75,.48);z-index:100;padding:20px;align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.25);width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto}.modal-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:14px;color:var(--navy)}.modal-body{padding:18px}.modal-foot{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.close{border:0;background:#f3f5f8;width:30px;height:30px;border-radius:8px;cursor:pointer}.toast{position:fixed;right:22px;bottom:22px;background:#172033;color:#fff;border-radius:11px;padding:12px 16px;box-shadow:0 18px 50px rgba(0,0,0,.25);font-size:11px;transform:translateY(120px);opacity:0;transition:.25s;z-index:150}.toast.show{transform:none;opacity:1}.empty{padding:35px;text-align:center;color:var(--muted)}.pill-nav{display:flex;gap:7px;flex-wrap:wrap}.pill-nav a{padding:7px 10px;border-radius:8px;background:#f2f5f8;font-size:10px;font-weight:800}.pill-nav a.active{background:var(--blue);color:#fff}.cms-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center}.thumb{width:54px;height:54px;border-radius:10px;background:linear-gradient(135deg,#d9e8f7,#fbe7e9);display:grid;place-items:center;font-size:16px;font-weight:800;color:var(--navy);flex:0 0 auto}.user-card{display:flex;gap:12px;align-items:center}.user-card .avatar{width:42px;height:42px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.permission{border:1px solid var(--line);border-radius:10px;padding:11px;display:flex;align-items:center;gap:10px}.permission input{accent-color:var(--blue)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#fff}.login-visual{background:linear-gradient(145deg,#071f4b,#0b2f6b 65%,#173e79);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-visual img{width:150px;height:75px;object-fit:contain;background:#fff;border-radius:12px;padding:8px}.login-visual h1{font-size:38px;max-width:620px;line-height:1.1}.login-visual p{color:#bed0ea;max-width:600px}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(380px,100%)}.login-box h2{font-size:24px;color:var(--navy);margin-bottom:5px}.login-box p{color:var(--muted);font-size:12px}.demo-note{background:#fff7e6;border:1px solid #f6ddb1;border-radius:10px;padding:10px;font-size:10px;color:#8f5e11;margin:15px 0}.sidebar-overlay{display:none}.mobile-only{display:none}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(7,31,75,.4);z-index:35}.main{margin-left:0}.menu-toggle{display:grid;place-items:center}.topbar{padding:0 14px}.profile div:last-child,.role-switch{display:none}.content{padding:17px}.page-head{flex-direction:column}.actions{justify-content:flex-start}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.form-grid,.info-grid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.mobile-only{display:block}}@media(max-width:480px){.searchbox{display:none}.summary{grid-template-columns:1fr}.kpi-val{font-size:23px}.invoice-sheet{padding:14px}.invoice-head,.invoice-meta{display:block}.invoice-title{text-align:left;margin-top:15px}.totals{width:100%}.content{padding:13px}.topbar{height:62px}}

/* V2 role-aware prototype controls */
.view-switch-wrap{display:flex;align-items:center;gap:7px;padding:4px 5px 4px 9px;border:1px solid var(--line);background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(20,45,89,.04)}
.view-switch-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;white-space:nowrap}
.view-switch-wrap .role-switch{border:0;background:#f4f7fb;border-radius:7px;padding:7px 28px 7px 9px;font-size:10px;color:var(--navy);font-weight:800;outline:none;cursor:pointer}
.sidebar-mode-card{margin:0 12px 12px;padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.07);color:#fff}
.sidebar-mode-card span{display:block;color:#9fb6d8;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.sidebar-mode-card strong{display:block;font-size:11px;margin-top:3px}.sidebar-mode-card small{display:block;color:#b9cae3;font-size:8px;margin-top:2px;line-height:1.4}
.role-context-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:#eef4fb;color:var(--blue);font-size:9px;font-weight:800;margin-bottom:7px;border:1px solid #dbe7f4}
.scope-note{border:1px solid #dbe7f4;background:#f7faff;color:#52627a;border-radius:10px;padding:10px 12px;margin:-4px 0 14px;font-size:10px}.scope-note strong{color:var(--navy)}
.role-hidden{display:none!important}
body[data-view-mode="partner"] .role-context-pill{background:#eefaf6;border-color:#d4efe5;color:#08795a}
body[data-view-mode="branch"] .role-context-pill{background:#fff7e8;border-color:#f4dfb8;color:#9a640e}
body[data-view-mode="user"] .role-context-pill{background:#f4f0ff;border-color:#e1d7fa;color:#6741b8}
@media(max-width:820px){.view-switch-wrap{display:none}.sidebar-mode-card{display:block}}


/* V3 permission-driven role UX */
.permission-hidden{display:none!important}
.access-banner{display:flex;align-items:flex-start;gap:10px;border:1px solid #dbe7f4;background:#f8fbff;border-radius:12px;padding:12px 14px;margin:-3px 0 16px;color:#52627a;font-size:10px}
.access-banner strong{color:var(--navy);font-size:11px}.access-banner .access-ico{width:28px;height:28px;border-radius:9px;background:#eaf2fb;color:var(--blue);display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.permission-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;color:#52627a}.permission-chip.on{background:#eaf8f3;color:#08795a;border-color:#caeadf}.permission-chip.off{background:#fff3f3;color:#b92b32;border-color:#f0d0d2}
.access-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px;align-items:start}.sticky-card{position:sticky;top:88px}.step-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px;margin-bottom:14px;box-shadow:var(--shadow)}.step-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.step-no{width:27px;height:27px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 auto}.step-title h3{font-size:13px;color:var(--navy);margin:0}.step-title p{font-size:10px;color:var(--muted);margin:2px 0 0}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-card{border:1px solid var(--line);border-radius:12px;padding:13px;cursor:pointer;background:#fff;transition:.15s}.type-card:hover{border-color:#a9bdd8}.type-card.active{border-color:var(--blue);box-shadow:0 0 0 2px #e6eef8;background:#f9fbff}.type-card strong{display:block;font-size:11px;color:var(--navy)}.type-card span{font-size:9px;color:var(--muted);display:block;margin-top:3px}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.module-toggle{border:1px solid var(--line);border-radius:11px;padding:10px 11px;display:flex;align-items:center;gap:10px;background:#fff}.module-toggle .toggle{margin-left:auto;flex:0 0 auto}.module-toggle strong{font-size:10px;color:var(--navy);display:block}.module-toggle span{font-size:8px;color:var(--muted);display:block;margin-top:2px}
.access-preview{display:grid;gap:8px}.preview-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:8px 0;font-size:10px}.preview-item:last-child{border-bottom:0}.preview-item b{color:var(--navy)}.preview-menu{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.preview-menu span{font-size:8px;padding:5px 7px;border-radius:7px;background:#f1f5f9;color:#516075;font-weight:800}.preview-menu span.allowed{background:#e9f8f2;color:#08795a}
.permission-matrix{width:100%;border-collapse:collapse}.permission-matrix th,.permission-matrix td{padding:10px;border-bottom:1px solid var(--line);font-size:10px;text-align:center}.permission-matrix th:first-child,.permission-matrix td:first-child{text-align:left}.permission-matrix th{background:#fafbfd;color:#69768a;font-size:9px;text-transform:uppercase}.mini-check{accent-color:var(--blue)}
body[data-view-mode="user"] [data-role-only="admin"],body[data-view-mode="partner"] [data-role-only="admin"],body[data-view-mode="branch"] [data-role-only="admin"]{display:none!important}
@media(max-width:1000px){.access-layout{grid-template-columns:1fr}.sticky-card{position:static}}
@media(max-width:680px){.type-grid,.module-grid{grid-template-columns:1fr}}

/* V4 strict role menus */
.navicon-text{display:inline-flex!important;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:12px;font-weight:800;line-height:1;color:inherit}
.sidebar .side-section{animation:none}
body[data-view-mode="user"] .sidebar .side-label,body[data-view-mode="partner"] .sidebar .side-label,body[data-view-mode="branch"] .sidebar .side-label{letter-spacing:.055em}