:root{--bg:#f4f6fb;--panel:#fff;--ink:#172033;--muted:#6f7890;--line:#e6e9f2;--nav:#171b2d;--violet:#7657e8;--violet2:#ede9ff;--aqua:#25bcb0;--danger:#d84d68;--shadow:0 16px 45px rgba(25,30,55,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#181c30 0 48%,#f5f6fb 48%)}.brand-pane{padding:10vh 9vw;color:#fff}.mark{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(140deg,var(--violet),var(--aqua));font-weight:800}.brand-pane h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;margin:34px 0 18px;max-width:720px}.brand-pane p{color:#c8cde0;font-size:1.1rem;max-width:550px;line-height:1.65}.login-side{display:grid;place-items:center;padding:30px}.login-card{background:#fff;width:min(450px,100%);padding:42px;border-radius:24px;box-shadow:var(--shadow)}.login-card h2{font-size:1.8rem;margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px}.field{display:grid;gap:8px;margin:18px 0}.field label{font-weight:650;font-size:.9rem}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px 14px;outline:none}.field input:focus,.field select:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet2)}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:700}.btn-primary{background:var(--violet);color:#fff}.btn-block{width:100%}.error{background:#fff0f3;color:#9f2942;padding:11px 13px;border-radius:9px;font-size:.9rem}.demo-note{margin-top:22px;padding:14px;background:#f6f4ff;border-radius:12px;color:#514b71;font-size:.84rem;line-height:1.55}
.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--nav);color:#dce0ef;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;gap:11px;align-items:center;padding:5px 9px 22px;font-weight:800}.logo .mark{width:36px;height:36px;border-radius:10px}.tenant{margin:4px 4px 18px;padding:12px;background:#23283d;border:1px solid #30364f;border-radius:11px}.tenant small{color:#9099b8}.tenant strong{display:block;margin-top:3px;font-size:.92rem}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#b6bdd3;padding:11px 12px;border-radius:9px;text-align:left}.nav button:hover,.nav button.active{background:#2a2f48;color:#fff}.nav .icon{width:20px;text-align:center}.profile{margin-top:auto;border-top:1px solid #30364a;padding:17px 8px 2px;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font-weight:800}.profile div{min-width:0}.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{color:#8f98b8}.profile button{margin-left:auto;border:0;background:none;color:#a9b0c7;font-size:1.1rem}
.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:4}.topbar h2{font-size:1.05rem}.top-actions{display:flex;gap:10px}.content{padding:30px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.heading h1{font-size:1.75rem;margin:0 0 6px}.heading p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 22px rgba(28,34,60,.04)}.metric{padding:20px}.metric small{color:var(--muted)}.metric strong{display:block;font-size:1.8rem;margin:8px 0}.metric em{color:var(--aqua);font-size:.82rem;font-style:normal}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-top:18px}.section{padding:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section h3{margin:0;font-size:1rem}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:5px 9px;background:#eefaf8;color:#118278;font-size:.75rem;font-weight:700}.pill.violet{background:var(--violet2);color:#5f43c4}.pill.gray{background:#f0f2f6;color:#687189}.pill.red{background:#fff0f3;color:#bd3b56}.list{display:grid}.row{display:grid;grid-template-columns:42px 1.4fr 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row .avatar{width:34px;height:34px;font-size:.76rem;background:#e9e5ff;color:#6044be}.row strong,.row small{display:block}.row small{color:var(--muted);margin-top:3px}.activity{padding:13px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity p{margin:0 0 4px;font-size:.9rem}.activity small{color:var(--muted)}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{text-align:left;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-bottom:1px solid var(--line)}.table td{padding:14px 12px;border-bottom:1px solid var(--line);font-size:.9rem}.toolbar{display:flex;gap:10px;margin-bottom:18px}.search{min-width:260px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.notice{padding:17px;border-left:4px solid var(--violet);background:#f1efff;border-radius:9px;color:#4f4770;margin-bottom:18px}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.permission-card{padding:17px}.permission-card h4{margin:0 0 7px}.permission-card p{color:var(--muted);font-size:.86rem;line-height:1.5}.checks{display:grid;gap:8px;font-size:.84rem}.checks span:before{content:'✓';color:var(--aqua);font-weight:900;margin-right:7px}.mobile-menu{display:none;border:0;background:none;font-size:1.3rem}.brand-signature{margin-top:34px;color:#9ca6c8;font-size:.85rem}.module-label{display:inline-flex;margin-top:9px;padding:4px 8px;border-radius:20px;background:#39305f;color:#d8d0ff;font-size:.7rem;font-weight:800}.module-foot{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.muted-copy{color:var(--muted);line-height:1.65}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}}
.agenda-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.agenda-summary span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--muted);font-size:.83rem}.agenda-summary strong{color:var(--ink);font-size:1.05rem;margin-right:4px}.table td small{display:block;color:var(--muted);margin-top:4px}.status-select{border:1px solid var(--line);border-radius:20px;padding:7px 10px;background:#fff;color:var(--ink);font-size:.8rem}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(12,16,31,.62);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(670px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 80px rgba(8,12,28,.3)}.modal-card h3{font-size:1.25rem}.modal-card small{color:var(--muted)}.close{border:0;background:#f1f2f6;border-radius:50%;width:34px;height:34px;font-size:1.35rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1/-1}.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px 14px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions .btn:not(.btn-primary){background:#eef0f5;color:var(--ink)}
@media(max-width:760px){.login{display:block;background:#f5f6fb}.brand-pane{padding:38px 25px;background:var(--nav)}.brand-pane h1{font-size:2.2rem;margin:22px 0 12px}.brand-pane p{font-size:.95rem}.login-side{padding:22px}.login-card{padding:28px 22px}.shell{display:block}.sidebar{position:fixed;z-index:20;width:260px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.topbar{padding:0 18px}.mobile-menu{display:block}.content{padding:22px 16px}.heading{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.search{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal{padding:10px}.modal-card{padding:20px}.modal-actions{position:sticky;bottom:-20px;background:#fff;padding:12px 0 4px}}