:root{color:#121c2a;background:#f8f9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}:root[data-theme=dark]{color:#edf1ff;background:#111827}:root[data-theme=dark] .application-shell,:root[data-theme=dark] .login-page{background:#111827}:root[data-theme=dark] .topbar,:root[data-theme=dark] .ribbon,:root[data-theme=dark] .widget-card,:root[data-theme=dark] .content-card,:root[data-theme=dark] .login-card{color:#edf1ff;background:#1f2937;border-color:#43516a}:root[data-theme=dark] .context span,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .widget-card p,:root[data-theme=dark] .widget-card span{color:#c4ccdc}:root[data-theme=dark] .command-button,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .profile-form input,:root[data-theme=dark] .profile-form select{color:#edf1ff;background:#111827;border-color:#52627d}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(140deg,#eef2ff,#f8f9ff)}.login-card{display:grid;width:min(100%,390px);gap:16px;padding:32px;border:1px solid #d9e3f6;border-radius:18px;background:#fff;box-shadow:0 18px 45px #121c2a1f}.login-card .brand{margin-bottom:4px}.login-card h1,.login-card p{margin:0}.login-card p{color:#5f6072}.login-card label{display:grid;gap:6px;color:#27313f;font-size:14px;font-weight:600}.login-card input{min-height:42px;padding:9px 11px;border:1px solid #c7c4d8;border-radius:8px;font:inherit}.login-card input:focus{border-color:#4f46e5;outline:2px solid #dfe4ff}.login-button{min-height:42px;border:0;border-radius:8px;color:#fff;background:#4f46e5;font-weight:700}.login-button:disabled{opacity:.65;cursor:progress}.login-error{color:#ba1a1a!important;font-size:13px}.access-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-mode button{min-height:42px;padding:8px;border:1px solid #aebbd3;border-radius:8px;color:#2c3550;background:transparent;font:inherit;font-size:13px;font-weight:700}.access-mode button.active{color:#fff;border-color:#4f46e5;background:#4f46e5}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.context-card{display:grid;gap:8px;min-height:150px;text-align:left;cursor:pointer}.context-card strong{font-size:18px}.context-card span{color:#4f46e5;font-weight:700}.context-card small{color:#68738a;text-transform:capitalize}.context-card em{color:#4f46e5;font-style:normal;font-weight:700}.application-shell{min-height:100vh;background:#f8f9ff}.topbar{display:flex;align-items:center;gap:16px;position:relative;min-height:64px;padding:12px 32px;border-bottom:1px solid #d9e3f6;background:#fff}.brand{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:#4f46e5;font-weight:800;letter-spacing:.04em}.context{display:grid;gap:2px;flex:1}.context strong{font-size:14px}.context span,.eyebrow,.widget-card p,.widget-card span{color:#5f6072;font-size:12px}.global-actions{display:flex;gap:8px}.preference-indicator{display:grid;place-items:center;min-width:42px;height:38px;padding:0 7px;border:1px solid #c7c4d8;border-radius:19px;color:#3525cd;background:#fff;font-size:10px;font-weight:800}:root[data-theme=dark] .preference-indicator{color:#fff;background:#111827;border-color:#52627d}.global-actions button{position:relative;width:38px;height:38px;border:1px solid #c7c4d8;border-radius:50%;color:#3525cd;background:#fff;font-weight:700}.global-actions button:hover,.global-actions button:focus-visible{border-color:#4f46e5;background:#eff4ff;outline:none}.notification-count{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:99px;color:#fff;background:#ba1a1a;font-size:10px}.profile-menu{position:absolute;top:58px;right:32px;z-index:2;display:grid;width:270px;padding:8px;border:1px solid #d9e3f6;border-radius:12px;background:#fff;box-shadow:0 12px 28px #121c2a1f}.profile-menu button{padding:10px 12px;border:0;border-radius:8px;text-align:left;background:transparent}.profile-menu button:hover{background:#eff4ff}.profile-menu .danger{color:#ba1a1a}.profile-menu-label{margin:8px 12px 2px;color:#5f6072;font-size:12px;font-weight:700}.context-option{display:grid!important;gap:2px}.context-option span{color:#5f6072;font-size:12px}.ribbon{padding:12px 32px 0;border-bottom:1px solid #d9e3f6;background:#fff}.package-tabs{display:flex;gap:6px}.package-tabs button{padding:10px 16px;border:0;border-radius:8px 8px 0 0;color:#464555;background:transparent;font-size:14px}.package-tabs button.active{color:#fff;background:#4f46e5}:root[data-theme=dark] .package-tabs button{color:#cbd5e1}:root[data-theme=dark] .package-tabs button:hover,:root[data-theme=dark] .package-tabs button:focus-visible{color:#fff;background:#334155}:root[data-theme=dark] .package-tabs button.active{color:#fff;background:#4f46e5}.command-group{display:flex;flex-wrap:wrap;gap:8px;min-height:72px;padding:14px 0}.command-button,.secondary-button{min-height:36px;padding:8px 12px;border:1px solid #c7c4d8;border-radius:8px;color:#27313f;background:#fff;font-size:13px}.command-button:hover,.secondary-button:hover{border-color:#4f46e5;color:#3525cd;background:#eff4ff}.workspace{max-width:1440px;margin:0 auto;padding:32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading h1{margin:4px 0 0;font-size:26px;letter-spacing:-.02em}.eyebrow{margin:0;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.widget-card,.content-card{border:1px solid #d9e3f6;border-radius:14px;background:#fff}.widget-card{display:grid;gap:8px;min-height:150px;padding:20px}.widget-card p,.widget-card span{margin:0}.widget-card strong{font-size:28px;font-variant-numeric:tabular-nums}.content-card{margin-top:20px;padding:28px}.empty-state{color:#464555}.profile-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-form{display:grid;gap:14px}.profile-form label{display:grid;gap:6px;font-size:14px;font-weight:600}.profile-form input,.profile-form select{min-height:40px;padding:8px 10px;border:1px solid #c7c4d8;border-radius:8px;font:inherit}.empty-state h2{margin-top:0;color:#121c2a}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:10px;border-bottom:1px solid #d9e3f6;text-align:left}.data-table select{min-height:34px;border:1px solid #c7c4d8;border-radius:6px;padding:4px}.data-table-toolbar,.data-table-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.data-table-footer{margin:12px 0 0}.data-table-footer>div{display:flex;align-items:center;gap:8px}.data-table-search{display:flex;align-items:center;gap:8px;font-weight:600}.data-table-search input{min-height:36px;min-width:220px;border:1px solid #c7c4d8;border-radius:7px;padding:6px 9px}.data-table-total{color:#59657a}.data-table-scroll{overflow-x:auto}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable:hover{color:#4f46e5}.sort-indicator{font-size:10px;margin-left:5px}.data-table-empty{text-align:center!important;color:#59657a;padding:22px!important}.organization-filter{display:flex;flex-direction:column;gap:6px;width:min(100%,360px);margin-bottom:18px;color:#344054;font-size:13px;font-weight:700}.organization-filter select{width:100%;min-height:42px;appearance:auto;border:1px solid #c7c4d8;border-radius:9px;padding:0 12px;color:#27313f;background:#fff;font:inherit;box-shadow:0 1px 2px #0f172a14}.organization-filter select:hover{border-color:#818cf8}.organization-filter select:focus{outline:3px solid rgb(99 102 241 / 24%);border-color:#4f46e5}:root[data-theme=dark] .data-table-search input,:root[data-theme=dark] .data-table-footer select{color:#edf1ff;background:#111827;border-color:#52627d}:root[data-theme=dark] .data-table-total,:root[data-theme=dark] .data-table-empty{color:#cbd5e1}:root[data-theme=dark] .data-table th,.data-table td{border-color:#43516a}:root[data-theme=dark] .organization-filter{color:#dbe5f5}:root[data-theme=dark] .organization-filter select{color:#edf1ff;background:#111827;border-color:#52627d;box-shadow:none}.notification-list{display:grid;gap:8px}.notification-item{display:grid;gap:4px;text-align:left;padding:14px;color:inherit;background:transparent;border:1px solid #d9e3f6;border-radius:9px}.notification-item span{color:#59657a;font-size:13px}:root[data-theme=dark] .notification-item{border-color:#43516a}:root[data-theme=dark] .notification-item span{color:#cbd5e1}.notification-item.read{opacity:.62}@media(max-width:860px){.topbar,.ribbon,.workspace{padding-left:16px;padding-right:16px}.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.widget-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.context span{display:none}}:root[data-theme=dark] .login-card p,:root[data-theme=dark] .login-card label{color:#d7e0f0}:root[data-theme=dark] .login-card input{color:#111827;background:#fff;border-color:#b9c8e4}:root[data-theme=dark] .access-mode button{color:#d7e0f0;border-color:#65748f}:root[data-theme=dark] .access-mode button.active{color:#fff;border-color:#5c51f2;background:#5c51f2}.auth-link{color:#8ab4ff;font-weight:700;text-decoration:underline;text-underline-offset:3px}.auth-link:hover{color:#c4d8ff}.login-message{color:#d7e0f0!important;font-size:13px}
