:root{--color-background:#f6f8fb;--color-surface:#fffdf8;--color-surface-clean:#fff;--color-sidebar:#2f4e6f;--color-sidebar-active:#ffffff24;--color-text:#24384e;--color-muted:#60758a;--color-primary:#3f73a8;--color-primary-hover:#315f8f;--color-accent:#6fa8d8;--color-accent-soft:#e6f1fa;--color-border:#d7e3ec;--color-success:#3e8a63;--color-warning:#c8892d;--color-error:#c94a4a;--company-logo-url:none;--company-display-name:"Company Workspace";--company-accent-color:var(--color-primary);--company-accent-soft:var(--color-accent-soft);--company-sidebar-color:var(--color-sidebar);--background:var(--color-background);--surface:var(--color-surface);--surface-soft:var(--color-accent-soft);--text:var(--color-text);--muted:var(--color-muted);--primary:var(--company-accent-color);--primary-strong:var(--color-primary-hover);--primary-soft:var(--company-accent-soft);--success-soft:#e7f3ec;--success-text:var(--color-success);--border:var(--color-border);--shadow:0 18px 45px #24384e14}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page-shell{align-items:center;min-height:100vh;padding:32px;display:flex}.starter-panel{background:var(--color-surface-clean);border:1px solid var(--border);border-radius:12px;max-width:640px;padding:32px}.eyebrow{color:var(--primary);margin:0 0 12px;font-size:14px;font-weight:700}h1{margin:0 0 16px;font-size:32px;line-height:1.15}p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}button,input,select{font:inherit}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 16px;font-weight:700}button:hover{background:var(--color-primary-hover)}button:disabled{cursor:not-allowed;opacity:.7}.auth-panel{width:min(100%,440px)}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-form label{color:var(--text);gap:8px;font-size:14px;font-weight:700;display:grid}.auth-form input{background:var(--color-surface-clean);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:44px;padding:10px 12px}.form-error{color:#b42318;font-weight:700}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--company-sidebar-color);border-right:1px solid #ffffff2e;flex-direction:column;gap:28px;padding:24px;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.brand-mark.logo-ready{background:var(--company-logo-url) center / cover no-repeat, #ffffff24}.brand-name{color:#fff;font-weight:800}.brand-subtitle,.field-label{color:var(--muted);font-size:13px}.sidebar .brand-subtitle{color:#ffffffb8}.workspace-badge{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.sidebar-nav{gap:8px;display:grid}.sidebar-link{border:1px solid #0000;border-radius:8px;gap:4px;padding:12px;display:grid}.sidebar-link:hover{background:#ffffff1a;border-color:#ffffff29}.sidebar-link.is-active{background:var(--color-sidebar-active);box-shadow:none;border-color:#ffffff47}.sidebar-link span{color:#fff;font-weight:800}.sidebar-link small{color:#ffffffb3;font-size:12px;line-height:1.35}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fffdf8f0;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px 28px;display:flex}.company-switcher{background:var(--color-surface-clean);border:1px solid var(--border);border-radius:8px;gap:2px;min-width:260px;padding:10px 12px;display:grid}.company-switcher-heading{align-items:center;gap:8px;display:flex}.company-logo-placeholder{background:var(--company-logo-url) center / cover no-repeat, var(--primary-soft);border:1px solid var(--border);color:var(--primary-strong);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex}.company-switcher select{color:var(--text);background:0 0;border:0;min-height:28px;padding:0;font-weight:800}.company-switcher span:last-child{color:var(--muted);font-size:13px}.topbar-actions,.user-menu{align-items:center;gap:12px;display:flex}.top-nav-links{align-items:center;gap:6px;display:flex}.top-nav-links a{color:var(--primary-strong);border-radius:8px;padding:9px 10px;font-size:14px;font-weight:800}.top-nav-links a:hover{background:var(--primary-soft)}.role-chip{background:var(--success-soft);color:var(--success-text);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.platform-boundary-note{color:#805b18;background:#fff8e9;border:1px solid #f0d59d;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:800}.user-menu{background:var(--color-surface-clean);border:1px solid var(--border);border-radius:8px;padding:8px;position:relative}.user-menu summary{color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;font-weight:700;overflow:hidden}.user-menu-panel{background:var(--color-surface-clean);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:8px;gap:12px;min-width:240px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-menu-panel p,.small-note{color:var(--muted);font-size:13px}.button-ghost{background:var(--primary-soft);color:var(--primary-strong);padding:9px 12px}.button-ghost:hover{background:#d7eaf7}.content-area{padding:32px}.shell-page{gap:24px;display:grid}.page-heading{max-width:760px}.page-heading h1{margin-bottom:12px}.placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.placeholder-card{background:var(--color-surface-clean);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:20px}.placeholder-card h2{margin:0 0 10px;font-size:18px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-widget{background:var(--color-surface-clean);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:22px;display:grid}.dashboard-widget h2{margin:0;font-size:22px}.dashboard-widget-wide{border-color:var(--color-accent);grid-column:1/-1}.empty-state-panel{background:var(--color-surface-clean);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:16px;max-width:720px;padding:28px;display:grid}.empty-state-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.button-link{background:var(--primary);color:#fff;border-radius:8px;padding:12px 16px;font-weight:800;display:inline-flex}.button-link.is-disabled{background:var(--primary-soft);color:var(--muted)}.widget-label{color:var(--primary-strong);text-transform:uppercase;font-size:13px;font-weight:800}.status-list{color:var(--muted);gap:6px;margin:0;padding-left:20px;display:grid}.admin-subnav{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-subnav-link{background:var(--color-surface-clean);border:1px solid var(--border);border-radius:8px;gap:6px;padding:16px;display:grid}.admin-subnav-link.is-active,.admin-subnav-link:hover{border-color:var(--primary);box-shadow:0 8px 22px #5f7fa624}.admin-subnav-link span{color:var(--text);font-weight:800}.admin-subnav-link small{color:var(--muted);line-height:1.4}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-panel{background:var(--color-surface-clean);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.admin-panel h2{margin:0;font-size:20px}.admin-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-badge{background:var(--success-soft);color:var(--success-text);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.status-badge.muted{background:var(--primary-soft);color:var(--muted)}.role-list{flex-wrap:wrap;gap:8px;display:flex}.role-list span{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.admin-detail-item{border:1px solid var(--border);background:#f5f9fc;border-radius:8px;padding:14px}.admin-detail-item dt{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:800}.admin-detail-item dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:800}.admin-form{gap:14px;display:grid}.admin-form label{color:var(--text);gap:8px;font-size:14px;font-weight:800;display:grid}.admin-form input,.admin-form select{border:1px solid var(--border);color:var(--text);background:#f5f9fc;border-radius:8px;min-height:44px;padding:10px 12px}.admin-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.admin-table-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 14px;display:grid}.admin-table-row.five-column{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-table-row+.admin-table-row{border-top:1px solid var(--border)}.admin-table-row span{color:var(--text);overflow-wrap:anywhere}.admin-table-heading{background:#f5f9fc;font-weight:800}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:stretch}.topbar-actions,.top-nav-links{flex-wrap:wrap}.company-switcher{min-width:0}.placeholder-grid,.admin-grid,.admin-subnav,.admin-detail-grid,.dashboard-grid,.admin-table-row,.admin-table-row.five-column{grid-template-columns:1fr}}@media (max-width:640px){.page-shell,.content-area,.sidebar,.topbar{padding:20px}.sidebar-nav,.topbar-actions,.top-nav-links,.user-menu{flex-direction:column;align-items:stretch}.sidebar-nav{grid-template-columns:1fr;display:grid}.role-chip{text-align:center;white-space:normal}.user-menu summary{max-width:100%}.user-menu-panel{position:static}}