:root{--bg-app:#f6f8fc;--bg-card:#fff;--border:#e3e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fff7ed;--danger:#dc2626;--danger-soft:#fef2f2;--sidebar-width:240px;--sidebar-collapsed:72px;--topbar-height:60px;--radius:12px;--shadow:0 1px 2px rgba(15,23,42,.04)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-app);color:var(--text-primary);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.app-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;display:flex;width:var(--sidebar-width);flex-direction:column;border-right:1px solid var(--border);background:#fff;transition:width .16s ease,transform .16s ease}.sidebar-brand-row{display:flex;height:var(--topbar-height);align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.sidebar-brand{display:flex;min-width:0;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-size:17px}.brand-mark{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 4px 10px rgba(37,99,235,.22)}.sidebar-collapse,.mobile-menu,.topbar-icon{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}.sidebar-collapse:hover,.mobile-menu:hover,.topbar-icon:hover{background:#f5f7fb;color:var(--primary)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-nav{display:flex;min-height:0;flex:1;flex-direction:column;gap:3px;overflow-y:auto;padding:12px 10px}.sidebar-group{margin:13px 10px 4px;color:var(--text-muted);font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.sidebar-link{display:flex;min-height:40px;align-items:center;gap:11px;padding:8px 10px;border-radius:8px;color:var(--text-secondary);font-weight:600;text-decoration:none;white-space:nowrap;transition:background .14s,color .14s}.sidebar-link:hover{background:#f5f7fb;color:var(--text-primary)}.sidebar-link.active{background:var(--primary-soft);color:var(--primary)}.nav-icon{display:grid;width:20px;flex:0 0 20px;place-items:center}.sidebar-user{padding:12px 10px;border-top:1px solid var(--border)}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:7px;color:var(--text-primary);text-decoration:none}.sidebar-profile>span:last-child{display:grid;min-width:0}.sidebar-profile small{color:var(--text-muted);font-size:11px}.user-avatar,.topbar-avatar{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:800;text-decoration:none}.sidebar-logout{display:flex;width:100%;height:38px;align-items:center;gap:11px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}.sidebar-logout:hover{background:var(--danger-soft);color:var(--danger)}.app-main{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .16s ease}.app-topbar{position:sticky;z-index:40;top:0;display:flex;height:var(--topbar-height);align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.topbar-breadcrumb{display:flex;min-width:160px;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}.topbar-breadcrumb strong{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.global-search{position:relative;width:min(360px,35vw);margin-left:auto}.global-search svg{position:absolute;top:10px;left:11px;width:16px;color:var(--text-muted)}.global-search input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;color:var(--text-primary);outline:0}.app-content{padding:24px 28px 32px}.content-container{width:100%;max-width:1600px;margin:0 auto}.mobile-menu{display:none}.sidebar-overlay{position:fixed;z-index:45;inset:0;background:rgba(15,23,42,.35)}
.app-shell.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed)}.app-shell.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed)}.app-shell.sidebar-collapsed .sidebar-brand strong,.app-shell.sidebar-collapsed .sidebar-link>span:last-child,.app-shell.sidebar-collapsed .sidebar-group,.app-shell.sidebar-collapsed .sidebar-profile>span:last-child,.app-shell.sidebar-collapsed .sidebar-logout span{display:none}.app-shell.sidebar-collapsed .sidebar-brand-row{justify-content:center;padding:0}.app-shell.sidebar-collapsed .sidebar-collapse{position:absolute;top:68px;right:-13px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);transform:rotate(180deg)}.app-shell.sidebar-collapsed .sidebar-link,.app-shell.sidebar-collapsed .sidebar-profile,.app-shell.sidebar-collapsed .sidebar-logout{justify-content:center;padding-inline:0}
.page-header,.dashboard-hero-top,.stock-section-heading,.people-hero,.resource-hero,.admin-hero,.asset-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px}.page-header h1,.dashboard-hero h1,.workspace-hero h1,.stock-hero h1,.people-hero h1,.resource-hero h1,.admin-hero h1,.stock-section-heading h1{margin:0;color:var(--text-primary);font-size:26px;line-height:1.2;letter-spacing:-.025em}.card{border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:var(--bg-card)!important;box-shadow:var(--shadow)!important}.btn{display:inline-flex!important;min-height:38px!important;align-items:center;justify-content:center;gap:7px;padding:0 14px!important;border:1px solid var(--primary)!important;border-radius:8px!important;background:var(--primary)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;text-decoration:none;box-shadow:none!important;cursor:pointer}.btn.alt,.btn-secondary{border-color:var(--border-strong)!important;background:#fff!important;color:var(--text-secondary)!important}.btn.small{min-height:32px!important;padding:0 10px!important;font-size:12px!important}.input,input,select,textarea{border-color:var(--border-strong)!important;border-radius:8px!important}input:focus,select:focus,textarea:focus,.input:focus{border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important}.table{font-size:13px}.table th{height:40px;background:#f8fafc!important;color:var(--text-secondary)!important;font-size:11px!important;text-transform:uppercase}.table td{padding-top:10px!important;padding-bottom:10px!important;border-color:var(--border)!important}.table tbody tr:hover{background:#fafcff}.table-wrap,.admin-table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}.status-chip,.badge,.people-status{display:inline-flex!important;min-height:24px;align-items:center;padding:2px 8px!important;border-radius:999px!important;background:var(--primary-soft)!important;color:var(--primary)!important;font-size:11px!important;font-weight:700!important}.filters,.toolbar{border-color:var(--border)!important;background:#fff!important;box-shadow:var(--shadow)!important}.workspace-kpis,.dashboard-kpis,.people-stats{gap:12px!important}.workspace-kpi,.dashboard-kpi,.people-stat{min-height:92px!important;padding:16px!important}.footer{display:none!important}
@media(max-width:1100px){.app-sidebar{width:var(--sidebar-collapsed)}.app-main{margin-left:var(--sidebar-collapsed)}.sidebar-brand strong,.sidebar-link>span:last-child,.sidebar-group,.sidebar-profile>span:last-child,.sidebar-logout span{display:none}.sidebar-link,.sidebar-profile,.sidebar-logout{justify-content:center;padding-inline:0}.global-search{width:min(300px,38vw)}}
@media(max-width:700px){.app-sidebar,.app-shell.sidebar-collapsed .app-sidebar{width:240px;transform:translateX(-100%)}.app-shell.sidebar-open .app-sidebar{transform:none}.app-main,.app-shell.sidebar-collapsed .app-main{margin-left:0}.app-shell .sidebar-brand strong,.app-shell .sidebar-link>span:last-child,.app-shell .sidebar-group,.app-shell .sidebar-profile>span:last-child,.app-shell .sidebar-logout span{display:initial!important}.app-shell .sidebar-link,.app-shell .sidebar-profile,.app-shell .sidebar-logout{justify-content:flex-start!important;padding-inline:10px!important}.sidebar-collapse{display:none}.mobile-menu{display:grid}.app-topbar{gap:8px;padding:0 12px}.topbar-breadcrumb span,.topbar-breadcrumb b{display:none}.topbar-breadcrumb{min-width:0;flex:1}.global-search{display:none}.app-content{padding:16px 12px 24px}.page-header,.dashboard-hero-top,.stock-section-heading,.people-hero,.resource-hero,.admin-hero,.asset-form-heading{align-items:stretch;flex-direction:column}.page-header h1,.dashboard-hero h1,.workspace-hero h1,.stock-hero h1,.people-hero h1,.resource-hero h1,.admin-hero h1,.stock-section-heading h1{font-size:23px}}
.custom-fields-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;align-items:start}.custom-field-create,.custom-field-card{padding:0!important;overflow:hidden}.custom-field-create>summary,.custom-field-card>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.custom-field-card>summary span:first-child{display:grid}.custom-field-card>summary small{color:var(--text-muted)}.custom-field-list{display:grid;gap:10px}.custom-field-form{display:grid;grid-template-columns:2fr 1fr 100px;gap:12px;padding:16px;border-top:1px solid var(--border)}.custom-field-form>label{display:grid;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:650}.custom-field-form fieldset,.custom-field-form .options-field,.custom-field-form .field-flags,.custom-field-form .form-actions{grid-column:1/-1}.custom-field-form fieldset{padding:12px;border:1px solid var(--border);border-radius:10px}.type-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.field-flags,.form-actions{display:flex;flex-wrap:wrap;gap:14px}.check-row{display:flex!important;align-items:center;gap:6px}.page-eyebrow{margin:0 0 4px;color:var(--primary);font-size:11px;font-weight:750;text-transform:uppercase}.empty-state{padding:28px;text-align:center;color:var(--text-secondary)}.btn-danger{border-color:var(--danger)!important;background:var(--danger)!important;color:#fff!important}@media(max-width:900px){.custom-fields-layout{grid-template-columns:1fr}.custom-field-form{grid-template-columns:1fr 1fr}.type-check-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.custom-field-form{grid-template-columns:1fr}.type-check-grid{grid-template-columns:1fr}}

/* Shared dialog sizing and close controls. */
body:has(dialog:modal) {overflow:hidden}
body dialog:modal {max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
body dialog:modal .app-dialog-close {display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:28px;line-height:1;cursor:pointer}
body dialog:modal .app-dialog-close:hover {background:var(--primary-soft);color:var(--primary)}
body dialog:modal .app-dialog-close:focus-visible {outline:2px solid var(--primary);outline-offset:2px}
[data-app-menu-panel] {max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
[data-app-menu-panel] .input {min-width:0;max-width:100%}
@media(max-width:600px){body dialog:modal .app-dialog-close {touch-action:manipulation}}

body dialog.photo-lightbox {color:#fff}