:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f8fafc;--brand: #1d4ed8;--brand-light: #eef2ff;--success: #059669;--success-light: #ecfdf5;--warning: #d97706;--warning-light: #fffbeb;--danger: #dc2626;--danger-light: #fef2f2;--violet: #7c3aed;--violet-light: #f5f3ff;--teal: #0891b2;--teal-light: #ecfeff;--pink: #db2777;--pink-light: #fdf2f8}*{box-sizing:border-box}body{margin:0}.container{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 2px #0000000a}h1{font-size:1.4rem;margin:0 0 .25rem}.muted{color:#6b7280;font-size:.9rem}button,.btn{display:inline-block;border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:.6rem 1rem;font-size:.95rem;cursor:pointer;text-decoration:none;color:#111827}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.stack>*+*{margin-top:.75rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}.kv{display:grid;grid-template-columns:160px 1fr;gap:.4rem 1rem;margin:1rem 0}.kv dt{color:#6b7280}.kv dd{margin:0;font-weight:500}.tag{display:inline-block;background:var(--brand-light);color:var(--brand);border-radius:999px;padding:.2rem .6rem;font-size:.8rem;margin:.2rem .2rem 0 0}.tag-success{background:var(--success-light);color:var(--success)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-danger{background:var(--danger-light);color:var(--danger)}.tag-violet{background:var(--violet-light);color:var(--violet)}.tag-teal{background:var(--teal-light);color:var(--teal)}.tag-pink{background:var(--pink-light);color:var(--pink)}.empty{color:#9ca3af;font-style:italic}input,select,textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;font-family:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:200px;background:#fff;color:#334155;padding:1rem;flex-shrink:0;border-right:1px solid #e5e7eb}.brand-logo{padding:.25rem 0 .75rem;margin-bottom:.5rem;border-bottom:1px solid #eef2f7}.brand-logo img{display:block;width:100%;height:auto}.sidebar-tenant{color:#94a3b8;font-size:.8rem;margin-bottom:.75rem}.navitem{display:block;width:100%;text-align:left;background:transparent;border:none;color:#475569;padding:.5rem .6rem;border-radius:6px;font-weight:500}.navitem:hover{background:#f1f5f9;color:#1d4ed8}.navitem.active{background:var(--brand-light);color:var(--brand)}.navitem-with-toggle{align-items:center;gap:0}.navitem-toggle{background:transparent;border:none;color:#94a3b8;width:1.75rem;padding:.5rem 0;cursor:pointer;border-radius:6px;flex-shrink:0}.navitem-toggle:hover{background:#f1f5f9;color:var(--brand)}.submenu{display:flex;flex-direction:column;margin:.15rem 0 .4rem .75rem;border-left:2px solid #eef2f7;padding-left:.5rem;gap:.1rem;max-height:320px;overflow-y:auto}.submenu .navitem{font-size:.85rem;font-weight:400;padding:.35rem .5rem}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb;gap:1rem}.content{padding:1.25rem}.grid{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.92rem}.grid th,.grid td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #eef2f7}.grid th{color:#6b7280;font-weight:600}.filters{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:.75rem}.field{display:flex;flex-direction:column;gap:.25rem}.field>span,.field>legend{font-size:.85rem;color:#6b7280}.tag-on{background:var(--brand);color:#fff}.stat-card{border-top:3px solid var(--brand)}.stat-card.stat-success{border-top-color:var(--success)}.stat-card.stat-warning{border-top-color:var(--warning)}.stat-card.stat-violet{border-top-color:var(--violet)}.stat-card.stat-teal{border-top-color:var(--teal)}.stat-card.stat-pink{border-top-color:var(--pink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;justify-content:flex-end;z-index:50}.drawer{width:460px;max-width:100%;background:#fff;height:100%;overflow-y:auto;padding:1.5rem}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:50;overflow-y:auto;padding:2rem}.fullscreen-panel{background:#fff;border-radius:8px;max-width:1200px;margin:0 auto;min-height:calc(100% - 4rem);padding:2rem}.bell,.search{position:relative}.dropdown{position:absolute;top:110%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;min-width:280px;box-shadow:0 8px 24px #0000001f;z-index:40}.notif{padding:.4rem 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.notif.unread{font-weight:600}