/* ============================================================
   Business OS v2 — ULTRA PREMIUM Design System
   Never-before-seen SaaS / CRM / ERP UI
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap');

/* ─── CSS Variables ─── */
:root {
  --bg-base:         #f5f3ee;
  --bg-surface:      #fdfcf8;
  --bg-card:         rgba(255,251,243,0.82);
  --bg-sidebar:      rgba(252,250,245,0.97);
  --bg-header:       rgba(255,253,248,0.92);
  --accent-primary:  #c9a84c;
  --accent-light:    #e6cf8a;
  --accent-muted:    #dbb45c;
  --accent-glow:     rgba(201,168,76,0.18);
  --accent-deep:     #a0780a;
  --purple-soft:     rgba(140,100,255,0.1);
  --purple-mid:      rgba(160,120,255,0.15);
  --text-primary:    #1a1714;
  --text-secondary:  #4a4236;
  --text-muted:      #8a7a68;
  --text-label:      #b0a090;
  --status-active:   #2db87a;
  --status-pending:  #e8973a;
  --status-inactive: #a09080;
  --status-error:    #e04848;
  --status-info:     #4a8ef0;
  --border-light:    rgba(200,170,110,0.18);
  --border-mid:      rgba(180,150,100,0.28);
  --shadow-xs:       0 1px 4px rgba(0,0,0,0.04);
  --shadow-sm:       0 2px 10px rgba(0,0,0,0.06);
  --shadow-md:       0 8px 32px rgba(0,0,0,0.08);
  --shadow-lg:       0 20px 60px rgba(0,0,0,0.1);
  --shadow-xl:       0 32px 80px rgba(0,0,0,0.14);
  --sidebar-width:   320px;
  --sidebar-collapsed: 72px;
  --header-height:   58px;
  --dock-height:     60px;
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  26px;
  --r-2xl: 32px;
  --transition-fast: 0.14s ease;
  --transition-mid:  0.24s ease;
  --transition-slow: 0.4s cubic-bezier(0.16,1,0.3,1);
}

/* ─── Themes ─── */
[data-theme="blue"] {
  --accent-primary:#3a7bd5; --accent-light:#6fa3e8; --accent-muted:#4e8edf;
  --accent-glow:rgba(58,123,213,0.15); --accent-deep:#2458a8;
  --bg-base:#f2f5fb; --bg-surface:#f8faff;
  --purple-soft:rgba(60,100,220,0.08);
}
[data-theme="green"] {
  --accent-primary:#1e9e62; --accent-light:#4ec48a; --accent-muted:#2ab870;
  --accent-glow:rgba(30,158,98,0.14); --accent-deep:#166840;
  --bg-base:#f1f8f4; --bg-surface:#f7fdf9;
  --purple-soft:rgba(30,160,90,0.08);
}
[data-theme="purple"] {
  --accent-primary:#7040c8; --accent-light:#a070e0; --accent-muted:#8850d4;
  --accent-glow:rgba(112,64,200,0.14); --accent-deep:#4e2898;
  --bg-base:#f4f2fa; --bg-surface:#faf8fe;
  --purple-soft:rgba(120,60,220,0.1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}

/* Scrollbar */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--accent-muted)}

/* ─── Type ─── */
.t-hero{font-size:3rem;font-weight:700;letter-spacing:-0.03em;line-height:1.1}
.t-display{font-size:2.1rem;font-weight:700;letter-spacing:-0.025em;line-height:1.15}
.t-title{font-size:1.4rem;font-weight:600;letter-spacing:-0.015em}
.t-card{font-size:1rem;font-weight:600}
.t-body{font-size:.9375rem;line-height:1.6}
.t-small{font-size:.875rem}
.t-xs{font-size:.8rem}
.t-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-label)}
.t-muted{color:var(--text-muted)}
.t-primary{color:var(--text-primary)}
.t-accent{color:var(--accent-primary)}

/* ─── Glass ─── */
.glass{background:rgba(255,252,245,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:.5px solid rgba(255,245,220,.85);box-shadow:var(--shadow-md)}
.glass-card{background:rgba(255,251,242,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.5px solid rgba(210,178,118,.22);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}
.glass-dark{background:rgba(30,24,16,.72);backdrop-filter:blur(24px);border:.5px solid rgba(255,245,200,.1)}

/* ─── Atmosphere ─── */
.bg-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bg-glow-1{position:absolute;width:65%;height:65%;top:-15%;left:-12%;background:radial-gradient(ellipse,rgba(140,100,255,.11) 0%,transparent 68%);animation:slowFloat 24s ease-in-out infinite}
.bg-glow-2{position:absolute;width:55%;height:55%;bottom:-8%;right:-8%;background:radial-gradient(ellipse,rgba(210,178,100,.12) 0%,transparent 68%);animation:slowFloat 30s ease-in-out infinite reverse}
.bg-glow-3{position:absolute;width:45%;height:45%;top:38%;left:38%;background:radial-gradient(ellipse,rgba(160,120,255,.07) 0%,transparent 68%);animation:slowFloat 20s ease-in-out infinite 5s}
.bg-glow-4{position:absolute;width:30%;height:30%;top:15%;right:20%;background:radial-gradient(ellipse,rgba(201,168,76,.06) 0%,transparent 70%);animation:slowFloat 16s ease-in-out infinite 2s}

/* ─── Layout Shell ─── */
.app-shell{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}
.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:200;display:flex;align-items:center;padding:0 1rem;gap:.75rem;background:var(--bg-header);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:.5px solid var(--border-light);box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 16px rgba(0,0,0,.04)}
.app-body{display:flex;padding-top:var(--header-height);height:100vh;overflow:hidden}

/* ─── Sidebar — Step 1 Ultra Luxury System ─── */
.sidebar{
  position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);z-index:150;
  display:grid;grid-template-columns:72px minmax(0,1fr);
  background:linear-gradient(180deg,rgba(255,253,248,.92),rgba(246,241,232,.78));
  backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);
  border-right:1px solid rgba(190,166,122,.22);
  box-shadow:14px 0 48px rgba(60,44,20,.08), inset -1px 0 0 rgba(255,255,255,.65);
  transition:width var(--transition-slow),transform .3s ease;
  overflow:hidden;
}
.sidebar::before{content:'';position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 14% 4%,var(--accent-glow),transparent 34%),
  linear-gradient(180deg,rgba(255,255,255,.45),transparent 22%,rgba(255,255,255,.24));opacity:.9}
.sidebar::after{content:'';position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--accent-glow),transparent);opacity:.9;pointer-events:none}
.sidebar.collapsed{width:var(--sidebar-collapsed);grid-template-columns:72px 0}
.sidebar-panel{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;border-left:1px solid rgba(210,190,150,.18);transition:opacity .22s ease,transform .32s cubic-bezier(.16,1,.3,1)}
.sidebar.collapsed .sidebar-panel{opacity:0;pointer-events:none;transform:translateX(-16px)}
.sidebar-rail{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;padding:14px 10px 12px;border-right:1px solid rgba(200,180,145,.22);background:rgba(255,255,255,.28)}
.rail-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:14px;background:linear-gradient(135deg,var(--accent-deep),var(--accent-primary) 48%,var(--accent-light));box-shadow:0 14px 26px rgba(110,78,26,.20), inset 0 1px 0 rgba(255,255,255,.45);margin-bottom:16px}
.rail-stack{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.rail-primary{flex:1}.rail-bottom{margin-top:auto}
.rail-btn{position:relative;width:46px;height:46px;border:0;background:transparent;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);font-size:1rem}
.rail-btn:hover{background:rgba(255,255,255,.72);color:var(--accent-primary);transform:translateX(2px);box-shadow:0 10px 24px rgba(60,44,20,.08), inset 0 0 0 1px rgba(201,168,76,.18)}
.rail-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:0 16px 28px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.5)}
.rail-btn.active::before{content:'';position:absolute;left:-10px;top:11px;bottom:11px;width:3px;border-radius:99px;background:var(--accent-primary);box-shadow:0 0 18px var(--accent-primary)}
.rail-btn.danger:hover{color:var(--status-error)}.rail-dot{position:absolute;right:2px;top:2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--accent-primary);color:#fff;font-size:.58rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.82)}
.rail-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;box-shadow:0 10px 24px var(--accent-glow)}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.sidebar-kicker{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--text-label);margin-bottom:4px}.sidebar-title{font-size:1.04rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}
.sidebar-collapse{width:34px;height:34px;border:1px solid var(--border-light);background:rgba(255,255,255,.6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .18s}.sidebar-collapse:hover{color:var(--accent-primary);box-shadow:0 8px 22px rgba(0,0,0,.06)}
.sidebar-search{margin:0 16px 14px;height:44px;border-radius:16px;background:rgba(255,255,255,.66);border:1px solid rgba(200,170,110,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 26px rgba(80,60,30,.04);display:flex;align-items:center;gap:.7rem;padding:0 12px;color:var(--text-label);cursor:pointer;transition:all .2s}
.sidebar-search:hover{border-color:rgba(201,168,76,.38);box-shadow:0 14px 30px var(--accent-glow)}.sidebar-search span{font-size:.84rem;flex:1;color:var(--text-muted)}.sidebar-search kbd{font-size:.62rem;background:rgba(201,168,76,.1);color:var(--accent-deep);padding:3px 6px;border-radius:7px;border:1px solid rgba(201,168,76,.16)}
.sidebar-scroll{flex:1;overflow-y:auto;padding:0 12px 8px}.nav-group{padding:5px 0 10px}.sidebar-section-label{padding:10px 8px 7px;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--text-label);white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0;height:0;padding:0}
.nav-node{position:relative}.nav-item{display:flex;align-items:center;gap:.72rem;min-height:44px;padding:.54rem .66rem;border-radius:15px;margin:2px 0;cursor:pointer;color:var(--text-secondary);font-size:.88rem;font-weight:560;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;position:relative;user-select:none;border:1px solid transparent}
.nav-item:hover{background:rgba(255,255,255,.68);border-color:rgba(201,168,76,.16);color:var(--accent-deep);transform:translateX(2px);box-shadow:0 10px 24px rgba(60,44,20,.055)}.nav-item:active{transform:translateX(3px) scale(.985)}
.nav-item.active{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,248,232,.72));color:var(--accent-deep);font-weight:760;border-color:rgba(201,168,76,.36);box-shadow:0 18px 36px rgba(96,70,20,.09),0 0 0 4px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.85)}
.nav-item.active::before{content:'';position:absolute;left:-13px;top:9px;bottom:9px;width:4px;background:linear-gradient(to bottom,var(--accent-light),var(--accent-primary));border-radius:99px;box-shadow:0 0 20px var(--accent-primary)}
.nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:.98rem;flex-shrink:0;transition:all .2s;background:rgba(255,255,255,.52);color:var(--text-muted);box-shadow:inset 0 0 0 1px rgba(200,170,110,.12)}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:0 10px 22px var(--accent-glow)}.nav-label{overflow:hidden;transition:opacity .2s,width .3s;flex:1}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge{opacity:0;width:0;overflow:hidden}
.nav-sub{display:none;flex-direction:column;margin:3px 0 8px 15px;padding-left:18px;gap:2px;position:relative}.nav-sub::before{content:'';position:absolute;left:0;top:5px;bottom:8px;width:1.5px;background:linear-gradient(180deg,var(--accent-glow),rgba(160,140,110,.18));border-radius:99px}.nav-item.has-sub.open + .nav-sub{display:flex}.nav-branch{position:relative}.nav-branch::before{content:'';position:absolute;left:-18px;top:20px;width:12px;height:1.5px;background:rgba(180,150,110,.22)}
.nav-sub-item{display:flex;align-items:center;gap:.55rem;min-height:38px;padding:.42rem .58rem;border-radius:12px;font-size:.81rem;color:var(--text-muted);cursor:pointer;transition:all .18s;border:1px solid transparent}.nav-sub-item i:first-child{font-size:.78rem;width:15px;flex-shrink:0}.nav-sub-item:hover{color:var(--accent-deep);background:rgba(255,255,255,.56);border-color:rgba(201,168,76,.13);transform:translateX(2px)}.nav-sub-item.active{color:var(--accent-deep);font-weight:720;background:rgba(201,168,76,.08)}
.nav-chevron{margin-left:auto;font-size:.62rem;transition:transform .22s;color:var(--text-label)}.nav-item.has-sub.open .nav-chevron,.nav-sub-item.has-sub.open .nav-chevron{transform:rotate(90deg)}.nav-badge{padding:.12rem .48rem;border-radius:99px;font-size:.62rem;font-weight:850;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;margin-left:auto;flex-shrink:0;white-space:nowrap;box-shadow:0 8px 16px var(--accent-glow)}
.nav-sub-sub{display:none;flex-direction:column;margin:2px 0 4px 8px;padding-left:18px;gap:1px;position:relative}.nav-sub-sub::before{content:'';position:absolute;left:0;top:2px;bottom:4px;width:1px;background:rgba(170,145,110,.18)}.nav-sub-item.has-sub.open + .nav-sub-sub{display:flex}.nav-sub-sub-item{position:relative;padding:.34rem .52rem;border-radius:10px;font-size:.76rem;color:var(--text-label);cursor:pointer;transition:all .16s}.nav-sub-sub-item::before{content:'';position:absolute;left:-18px;top:50%;width:11px;height:1px;background:rgba(170,145,110,.2)}.nav-sub-sub-item:hover,.nav-sub-sub-item.active{color:var(--accent-deep);background:rgba(201,168,76,.06)}
.sidebar-footer{padding:10px 14px 14px;border-top:1px solid rgba(200,170,110,.14);background:linear-gradient(180deg,transparent,rgba(255,255,255,.28))}.upgrade-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(233,224,255,.42));border:1px solid rgba(201,168,76,.18);box-shadow:0 16px 34px rgba(80,60,30,.06),inset 0 1px 0 rgba(255,255,255,.78);padding:13px;margin-bottom:10px}.upgrade-card::after{content:'';position:absolute;right:-32px;bottom:-36px;width:110px;height:110px;background:radial-gradient(circle,var(--accent-glow),transparent 66%)}.upgrade-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--accent-primary),#8c64ff);box-shadow:0 10px 20px var(--accent-glow);margin-bottom:8px}.upgrade-title{font-size:.84rem;font-weight:780;color:var(--text-primary)}.upgrade-text{font-size:.72rem;line-height:1.42;color:var(--text-muted);margin-top:2px}.upgrade-btn{position:relative;z-index:1;margin-top:10px;width:100%;height:36px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;box-shadow:0 12px 22px var(--accent-glow);transition:all .18s}.upgrade-btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.sidebar-utility-list{display:grid;gap:3px;margin-bottom:8px}.sidebar-utility-list button{height:34px;border:0;background:transparent;border-radius:11px;display:flex;align-items:center;gap:.62rem;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:0 8px;cursor:pointer;text-align:left}.sidebar-utility-list button:hover{background:rgba(255,255,255,.6);color:var(--accent-deep)}
.sidebar-user-card{position:relative}.sidebar-user-main{width:100%;min-height:48px;border:1px solid rgba(200,170,110,.16);border-radius:16px;background:rgba(255,255,255,.62);display:flex;align-items:center;gap:.66rem;padding:7px 9px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}.sidebar-user-copy{min-width:0;flex:1;text-align:left}.sidebar-user-copy strong{display:block;font-size:.78rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy span{display:block;font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-main>i{font-size:.62rem;color:var(--text-label);transition:transform .2s}.sidebar-user-main>i.open{transform:rotate(180deg)}.sidebar-user-menu{position:absolute;left:0;right:0;bottom:56px;border-radius:16px;background:rgba(255,255,255,.94);border:1px solid rgba(200,170,110,.2);box-shadow:0 22px 50px rgba(40,30,16,.13);padding:6px;backdrop-filter:blur(22px)}.sidebar-user-menu button{width:100%;height:36px;border:0;background:transparent;border-radius:11px;display:flex;align-items:center;gap:.58rem;padding:0 8px;font-size:.78rem;color:var(--text-secondary);cursor:pointer}.sidebar-user-menu button:hover{background:rgba(201,168,76,.08);color:var(--accent-deep)}
/* ─── Main Workspace ─── */
.main-workspace{flex:1;margin-left:var(--sidebar-width);overflow-y:auto;transition:margin-left var(--transition-slow);display:flex;flex-direction:column}
.main-workspace.collapsed{margin-left:var(--sidebar-collapsed)}
.workspace-inner{flex:1;padding:1.4rem 1.5rem;padding-bottom:5rem}

/* ─── Premium Cards ─── */
.card{background:var(--bg-card);border:.5px solid var(--border-light);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);padding:1.2rem;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--shadow-md)}
.card-xl{padding:1.6rem;border-radius:var(--r-2xl)}
.card-flush{padding:0;overflow:hidden}
.stat-card{background:rgba(255,251,242,.72);border:.5px solid var(--border-light);border-radius:var(--r-xl);padding:1.2rem 1.4rem;position:relative;overflow:hidden;transition:all .2s}
.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.stat-card::after{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}

/* ─── ICON SYSTEM — Large Premium Icons ─── */
.icon-hero{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.icon-lg{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.icon-md{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}
.icon-sm{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.icon-gold{background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(201,168,76,.08));color:var(--accent-primary);box-shadow:inset 0 0 0 1px rgba(201,168,76,.2)}
.icon-purple{background:linear-gradient(135deg,rgba(140,100,255,.15),rgba(140,100,255,.05));color:#8060e0;box-shadow:inset 0 0 0 1px rgba(140,100,255,.15)}
.icon-green{background:linear-gradient(135deg,rgba(45,184,122,.15),rgba(45,184,122,.05));color:#1e9e62;box-shadow:inset 0 0 0 1px rgba(45,184,122,.15)}
.icon-red{background:linear-gradient(135deg,rgba(224,72,72,.12),rgba(224,72,72,.04));color:#e04848;box-shadow:inset 0 0 0 1px rgba(224,72,72,.12)}
.icon-blue{background:linear-gradient(135deg,rgba(74,142,240,.14),rgba(74,142,240,.05));color:#3a7bd5;box-shadow:inset 0 0 0 1px rgba(74,142,240,.14)}

/* ─── Buttons ─── */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem 1.1rem;border-radius:var(--r-md);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap;outline:none;font-family:inherit;position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .15s}
.btn:hover::after{background:rgba(255,255,255,.1)}
.btn:active{transform:scale(.98)}
.btn-primary{background:linear-gradient(135deg,var(--accent-primary), var(--accent-light));color:#fff;box-shadow:0 4px 16px rgba(201,168,76,.35),0 1px 0 rgba(255,255,255,.2) inset}
.btn-primary:hover{background:linear-gradient(135deg,var(--accent-light), var(--accent-primary));box-shadow:0 6px 22px rgba(201,168,76,.45);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text-secondary);border:.5px solid var(--border-mid)}
.btn-ghost:hover{background:rgba(201,168,76,.07);color:var(--accent-primary);border-color:var(--accent-light)}
.btn-soft{background:rgba(201,168,76,.1);color:var(--accent-primary)}
.btn-soft:hover{background:rgba(201,168,76,.18)}
.btn-danger{background:rgba(224,72,72,.1);color:var(--status-error);border:.5px solid rgba(224,72,72,.2)}
.btn-danger:hover{background:rgba(224,72,72,.18)}
.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:.5px solid var(--border-light);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;flex-shrink:0}
.btn-icon:hover{background:rgba(201,168,76,.09);color:var(--accent-primary);border-color:var(--accent-light)}
.btn-icon-lg{width:40px;height:40px;border-radius:var(--r-md);font-size:1rem}
.btn-lg{padding:.72rem 1.6rem;font-size:.95rem;border-radius:var(--r-lg)}
.btn-xl{padding:.9rem 2rem;font-size:1rem;border-radius:var(--r-xl)}

/* ─── Badges ─── */
.badge{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .55rem;border-radius:99px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.badge-active{background:rgba(45,184,122,.12);color:#1e7d56}
.badge-pending{background:rgba(232,151,58,.12);color:#b06010}
.badge-inactive{background:rgba(160,144,128,.14);color:#6a5c50}
.badge-error{background:rgba(224,72,72,.1);color:#c03030}
.badge-info{background:rgba(74,142,240,.1);color:#2a6bd0}
.badge-gold{background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(201,168,76,.08));color:var(--accent-deep)}

/* ─── Avatar ─── */
.avatar{border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,var(--accent-light),var(--accent-primary));color:#fff;position:relative}
.avatar-xs{width:24px;height:24px;font-size:.65rem;border-radius:6px}
.avatar-sm{width:30px;height:30px;font-size:.72rem;border-radius:8px}
.avatar-md{width:38px;height:38px;font-size:.88rem;border-radius:10px}
.avatar-lg{width:50px;height:50px;font-size:1.05rem;border-radius:14px}
.avatar-xl{width:64px;height:64px;font-size:1.3rem;border-radius:18px}
.avatar-online::after{content:'';position:absolute;width:9px;height:9px;background:#2db87a;border:2px solid var(--bg-surface);border-radius:50%;bottom:-1px;right:-1px}

/* ─── Forms ─── */
.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.32rem;text-transform:uppercase;letter-spacing:.07em}
.form-input,.form-select,.form-textarea{width:100%;padding:.62rem .88rem;background:rgba(255,252,245,.85);border:.5px solid var(--border-mid);border-radius:var(--r-md);font-size:.9rem;color:var(--text-primary);font-family:inherit;transition:border var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(201,168,76,.13);background:rgba(255,253,248,.95)}
.form-input::placeholder{color:var(--text-label)}
.form-textarea{resize:vertical;font-family:inherit}
.form-error{font-size:.75rem;color:var(--status-error);margin-top:.28rem;display:flex;align-items:center;gap:.3rem}
.input-wrapper{position:relative}
.input-icon-left{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-label);font-size:.85rem;pointer-events:none;z-index:1}
.input-with-icon-left{padding-left:2.2rem}
.input-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-label);font-size:.85rem;z-index:1;cursor:pointer}

/* ─── Searchable Dropdown ─── */
.searchable-dropdown{position:relative}
.sd-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:rgba(255,252,245,.98);backdrop-filter:blur(20px);border:.5px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:600;overflow:hidden;animation:dropDown .18s cubic-bezier(.16,1,.3,1) both}
.sd-search{padding:.6rem .75rem;border-bottom:.5px solid var(--border-light)}
.sd-search input{width:100%;background:rgba(201,168,76,.06);border:.5px solid var(--border-light);border-radius:var(--r-sm);padding:.4rem .7rem;font-size:.85rem;color:var(--text-primary);font-family:inherit;outline:none}
.sd-list{max-height:220px;overflow-y:auto;padding:.3rem}
.sd-item{padding:.5rem .75rem;border-radius:var(--r-sm);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.55rem;transition:background var(--transition-fast)}
.sd-item:hover,.sd-item.highlighted{background:rgba(201,168,76,.08);color:var(--accent-primary)}
.sd-item.selected{background:rgba(201,168,76,.12);color:var(--accent-primary);font-weight:500}
.sd-group-label{padding:.3rem .75rem .1rem;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-label)}
.sd-empty{padding:1.2rem;text-align:center;color:var(--text-muted);font-size:.85rem}

/* ─── Tabs ─── */
.tabs-bar{display:flex;gap:2px;background:rgba(201,168,76,.09);padding:3px;border-radius:var(--r-lg);width:fit-content}
.tab-btn{padding:.42rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:400;color:var(--text-muted);cursor:pointer;border:none;background:transparent;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}
.tab-btn.active{background:#fff;color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}
.tabs-underline{display:flex;gap:0;border-bottom:.5px solid var(--border-light)}
.tab-ul{padding:.6rem 1.1rem;font-size:.875rem;color:var(--text-muted);cursor:pointer;border:none;background:transparent;font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-0.5px;transition:all var(--transition-fast);white-space:nowrap}
.tab-ul.active{color:var(--accent-primary);border-color:var(--accent-primary);font-weight:500}
.tab-ul:hover{color:var(--accent-primary)}

/* ─── Data Table ─── */
.data-table{width:100%;border-collapse:collapse}
.data-table th{text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);padding:.65rem 1rem;border-bottom:.5px solid var(--border-light);cursor:pointer;user-select:none;white-space:nowrap;transition:color var(--transition-fast)}
.data-table th:hover{color:var(--accent-primary)}
.data-table th.sort-asc::after{content:' ↑';color:var(--accent-primary)}
.data-table th.sort-desc::after{content:' ↓';color:var(--accent-primary)}
.data-table td{padding:.72rem 1rem;font-size:.875rem;color:var(--text-secondary);border-bottom:.5px solid rgba(200,170,110,.08);vertical-align:middle}
.data-table tr:last-child td{border-bottom:none}
.data-table tr{transition:background var(--transition-fast)}
.data-table tr:hover td{background:rgba(201,168,76,.03)}
.data-table tr.selected td{background:rgba(201,168,76,.06)}

/* ─── Card View Grid ─── */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.entity-card{background:rgba(255,251,242,.75);border:.5px solid var(--border-light);border-radius:var(--r-xl);padding:1.1rem;transition:all .22s;cursor:pointer;position:relative;overflow:hidden}
.entity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(201,168,76,.3)}
.entity-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light));opacity:0;transition:opacity .2s}
.entity-card:hover::before,.entity-card.selected::before{opacity:1}
/* Mini sparkline in card */
.card-sparkline{height:42px;display:flex;align-items:flex-end;gap:3px;margin-top:.6rem}
.sparkline-bar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to top,rgba(201,168,76,.35),rgba(201,168,76,.12));min-height:4px;transition:height .4s ease}

/* ─── View toggle ─── */
.view-toggle{display:flex;background:rgba(201,168,76,.07);border:.5px solid var(--border-light);border-radius:var(--r-md);padding:2px;gap:2px}
.view-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast)}
.view-btn.active{background:#fff;color:var(--accent-primary);box-shadow:var(--shadow-xs)}

/* ─── Kanban / Drag-drop list ─── */
.drag-list{display:flex;flex-direction:column;gap:.4rem;min-height:40px}
.drag-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .8rem;background:rgba(255,251,242,.8);border:.5px solid var(--border-light);border-radius:var(--r-md);cursor:grab;transition:all .15s;user-select:none}
.drag-item:hover{box-shadow:var(--shadow-sm);border-color:rgba(201,168,76,.25)}
.drag-item.dragging{opacity:.5;box-shadow:var(--shadow-lg);transform:rotate(1deg)}
.drag-handle{color:var(--text-label);font-size:.85rem;cursor:grab;padding:.1rem;transition:color var(--transition-fast)}
.drag-handle:hover{color:var(--accent-primary)}
.drag-item.drag-over{border-color:var(--accent-primary);background:rgba(201,168,76,.07)}

/* ─── File Drop Zone ─── */
.file-drop{border:1.5px dashed var(--border-mid);border-radius:var(--r-xl);padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:rgba(255,251,242,.4)}
.file-drop:hover,.file-drop.drag-over{border-color:var(--accent-primary);background:rgba(201,168,76,.06);box-shadow:0 0 0 4px rgba(201,168,76,.08)}
.file-drop.drag-over{animation:pulseGlow 1s ease-in-out infinite}
.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin-top:.75rem}
.file-preview-item{border-radius:var(--r-md);border:.5px solid var(--border-light);overflow:hidden;position:relative;aspect-ratio:1;background:rgba(255,251,242,.6)}
.file-preview-item img{width:100%;height:100%;object-fit:cover}
.file-preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(224,72,72,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.6rem}

/* ─── Search Spotlight ─── */
.spotlight-overlay{position:fixed;inset:0;background:rgba(20,16,10,.6);backdrop-filter:blur(12px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fadeIn .15s ease}
.spotlight-box{width:100%;max-width:660px;background:rgba(255,252,246,.97);backdrop-filter:blur(32px);border:.5px solid rgba(210,178,118,.35);border-radius:var(--r-2xl);box-shadow:0 40px 100px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.6) inset;overflow:hidden;animation:spotlightIn .22s cubic-bezier(.16,1,.3,1) both}
.spotlight-input-wrap{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;border-bottom:.5px solid var(--border-light)}
.spotlight-input-wrap i{font-size:1.1rem;color:var(--accent-primary)}
.spotlight-input{flex:1;background:none;border:none;outline:none;font-size:1.1rem;font-family:inherit;color:var(--text-primary);font-weight:500}
.spotlight-input::placeholder{color:var(--text-label)}
.spotlight-kbd{font-size:.7rem;background:rgba(201,168,76,.1);color:var(--text-muted);padding:.2rem .45rem;border-radius:5px;border:.5px solid var(--border-light)}
.spotlight-categories{display:flex;gap:.35rem;padding:.55rem 1.2rem;border-bottom:.5px solid var(--border-light);overflow-x:auto}
.spotlight-cat{padding:.25rem .65rem;border-radius:99px;font-size:.75rem;font-weight:500;cursor:pointer;border:.5px solid transparent;transition:all var(--transition-fast);white-space:nowrap}
.spotlight-cat.active{background:rgba(201,168,76,.14);color:var(--accent-primary);border-color:rgba(201,168,76,.25)}
.spotlight-cat:hover{background:rgba(201,168,76,.07);color:var(--accent-primary)}
.spotlight-results{max-height:420px;overflow-y:auto;padding:.4rem}
.spotlight-section-title{padding:.4rem .7rem .2rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-label)}
.spotlight-result{display:flex;align-items:center;gap:.75rem;padding:.62rem .75rem;border-radius:var(--r-md);cursor:pointer;transition:background var(--transition-fast);position:relative}
.spotlight-result:hover,.spotlight-result.focused{background:rgba(201,168,76,.09)}
.spotlight-result.focused .sr-arrow{opacity:1}
.sr-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--accent-primary);opacity:0;transition:opacity .15s}
.spotlight-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;border-top:.5px solid var(--border-light);background:rgba(201,168,76,.03)}
.spotlight-footer-hint{display:flex;align-items:center;gap:1rem}
.sfh-item{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--text-muted)}

/* ─── Toast ─── */
.toast-container{position:fixed;bottom:5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.45rem;pointer-events:none}
.toast{pointer-events:all;min-width:290px;max-width:380px;background:rgba(255,252,245,.97);backdrop-filter:blur(24px);border:.5px solid var(--border-light);border-radius:var(--r-xl);padding:.8rem 1rem;box-shadow:0 8px 32px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.7) inset;display:flex;align-items:flex-start;gap:.65rem;position:relative;overflow:hidden;animation:slideToast .28s cubic-bezier(.16,1,.3,1) both}
.toast-bar{position:absolute;bottom:0;left:0;height:2.5px;border-radius:1px;animation:toastTimer 3s linear forwards}
.toast-success .toast-bar{background:linear-gradient(90deg,var(--status-active),#4ec48a)}
.toast-error .toast-bar{background:linear-gradient(90deg,var(--status-error),#ff7070)}
.toast-warning .toast-bar{background:linear-gradient(90deg,var(--status-pending),#f0b840)}
.toast-info .toast-bar{background:linear-gradient(90deg,var(--status-info),#80b4ff)}

/* ─── Modal ─── */
.modal-overlay{position:fixed;inset:0;background:rgba(25,20,14,.45);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .18s ease}
.modal-box{background:rgba(255,252,245,.98);backdrop-filter:blur(32px);border:.5px solid rgba(210,178,118,.28);border-radius:var(--r-2xl);box-shadow:0 30px 80px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.7) inset;width:100%;max-height:92vh;overflow-y:auto;animation:modalIn .26s cubic-bezier(.16,1,.3,1) both}
.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-xl{max-width:940px}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:.5px solid var(--border-light)}
.modal-body{padding:1.4rem 1.5rem}
.modal-footer{padding:1rem 1.5rem;border-top:.5px solid var(--border-light);display:flex;justify-content:flex-end;gap:.5rem}

/* ─── Action Dock ─── */
.action-dock{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:.25rem;background:rgba(255,252,245,.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:.5px solid rgba(210,178,118,.3);border-radius:22px;padding:.38rem .5rem;box-shadow:0 8px 32px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.8) inset}
.dock-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:none;background:transparent;color:var(--text-muted);font-size:1.05rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;position:relative}
.dock-btn:hover{background:rgba(201,168,76,.1);color:var(--accent-primary);transform:translateY(-1px)}
.dock-btn.active{background:linear-gradient(135deg,rgba(201,168,76,.2),rgba(201,168,76,.08));color:var(--accent-primary)}
.dock-btn .dock-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(30,24,16,.88);color:#fff;font-size:.7rem;padding:.28rem .6rem;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;font-family:inherit}
.dock-btn:hover .dock-tooltip{opacity:1}
.dock-sep{width:.5px;height:26px;background:var(--border-light);margin:0 .2rem;flex-shrink:0}
.dock-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;border:2px solid var(--bg-surface)}

/* ─── Header ─── */
.header-search-btn{display:flex;align-items:center;gap:.6rem;padding:.38rem .85rem;background:rgba(255,250,240,.7);border:.5px solid var(--border-light);border-radius:var(--r-md);cursor:pointer;transition:all var(--transition-fast);min-width:220px}
.header-search-btn:hover{border-color:var(--accent-primary);background:rgba(255,252,248,.9);box-shadow:0 0 0 3px rgba(201,168,76,.1)}

/* ─── Date Range ─── */
.date-pill{padding:.3rem .72rem;border-radius:99px;font-size:.78rem;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}
.date-pill:hover{color:var(--accent-primary);background:rgba(201,168,76,.07)}
.date-pill.active{background:rgba(201,168,76,.14);color:var(--accent-primary);box-shadow:0 0 0 1px rgba(201,168,76,.25)}

/* ─── Progress / Progress ring ─── */
.progress-bar{height:5px;background:rgba(201,168,76,.12);border-radius:99px;overflow:hidden}
.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light));transition:width .6s ease}
.progress-ring-svg{transform:rotate(-90deg)}
.progress-ring-track{fill:none;stroke:rgba(201,168,76,.12);stroke-width:4}
.progress-ring-fill{fill:none;stroke:var(--accent-primary);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .8s ease}

/* ─── Entity queue ─── */
.entity-list-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:var(--r-lg);cursor:pointer;transition:all var(--transition-fast);border:.5px solid transparent}
.entity-list-item:hover{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.12)}
.entity-list-item.selected{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.22)}

/* ─── Timeline ─── */
.timeline-item{display:flex;gap:.9rem;padding-bottom:1.2rem;position:relative}
.timeline-item::before{content:'';position:absolute;left:17px;top:32px;bottom:0;width:1px;background:linear-gradient(to bottom,var(--border-mid),transparent)}
.timeline-item:last-child::before{display:none}
.timeline-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.78rem;border:2px solid}
.tl-gold{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.3);color:var(--accent-primary)}
.tl-green{background:rgba(45,184,122,.12);border-color:rgba(45,184,122,.3);color:#1e9e62}
.tl-blue{background:rgba(74,142,240,.1);border-color:rgba(74,142,240,.25);color:#3a7bd5}
.tl-purple{background:rgba(140,100,255,.1);border-color:rgba(140,100,255,.25);color:#8060e0}

/* ─── Dropdown ─── */
.dropdown{position:relative;display:inline-flex}
.dropdown-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:190px;background:rgba(255,252,245,.98);backdrop-filter:blur(24px);border:.5px solid var(--border-light);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:.35rem;z-index:500;animation:dropDown .18s cubic-bezier(.16,1,.3,1) both}
.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-radius:var(--r-md);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}
.dropdown-item:hover{background:rgba(201,168,76,.09);color:var(--accent-primary)}
.dropdown-item.danger:hover{background:rgba(224,72,72,.08);color:var(--status-error)}
.dropdown-sep{height:.5px;background:var(--border-light);margin:.3rem 0}
.dropdown-header{padding:.4rem .8rem .1rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-label)}

/* ─── Scrollable ─── */
.scroll-y{overflow-y:auto}
.h-full{height:100%}

/* ─── Right Sidebar ─── */
.right-panel{width:0;min-width:0;overflow:hidden;transition:width var(--transition-slow),min-width var(--transition-slow);border-left:.5px solid transparent;background:rgba(255,252,245,.6);flex-shrink:0}
.right-panel.open{width:288px;min-width:288px;border-color:var(--border-light);overflow-y:auto}

/* ─── Misc ─── */
.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}
.w-full{width:100%}.h-full{height:100%}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}
.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}
.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}
.text-right{text-align:right}.text-center{text-align:center}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rounded-full{border-radius:99px}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.pointer{cursor:pointer}.select-none{user-select:none}.hidden{display:none!important}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.divider{height:.5px;background:var(--border-light);margin:1rem 0}

/* ─── Skeleton ─── */
.skeleton{background:linear-gradient(90deg,rgba(210,178,118,.1) 25%,rgba(210,178,118,.22) 50%,rgba(210,178,118,.1) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--r-md)}

/* ─── Toggle ─── */
.toggle{width:40px;height:23px;background:var(--border-mid);border-radius:99px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}
.toggle::after{content:'';position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.toggle.on{background:var(--accent-primary)}
.toggle.on::after{left:20px}

/* ─── Status dot ─── */
.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.dot-active{background:var(--status-active)}
.dot-pending{background:var(--status-pending)}
.dot-inactive{background:var(--status-inactive)}
.dot-error{background:var(--status-error)}

/* ─── Login ─── */
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f5f3ee 0%,#ece6db 100%)}
.login-card{background:rgba(255,252,245,.84);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:.5px solid rgba(210,178,118,.42);border-radius:var(--r-2xl);box-shadow:0 24px 80px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.85) inset;padding:2.8rem 3rem;width:100%;max-width:440px;position:relative;z-index:2}
.role-opt{display:flex;align-items:center;gap:.65rem;padding:.65rem 1rem;border-radius:var(--r-lg);border:.5px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);background:rgba(255,252,245,.5)}
.role-opt:hover{border-color:var(--accent-light);background:rgba(201,168,76,.06)}
.role-opt.selected{border-color:var(--accent-primary);background:rgba(201,168,76,.1);box-shadow:0 0 0 3px rgba(201,168,76,.1)}

/* ─── Notify dot on header ─── */
.notif-badge{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--accent-primary);border-radius:50%;border:2px solid var(--bg-header);animation:softPulse 2s ease-in-out infinite}

/* ─── Micro animations on numbers ─── */
.count-up{animation:countUp .6s ease both}

/* ─── Chart area (CSS bars) ─── */
.bar-chart{display:flex;align-items:flex-end;gap:5px;height:72px}
.bc-bar{flex:1;border-radius:5px 5px 0 0;min-height:5px;transition:height .5s ease,background .2s}
.bc-bar-gold{background:linear-gradient(to top,rgba(201,168,76,.45),rgba(201,168,76,.12))}
.bc-bar-gold:hover{background:linear-gradient(to top,rgba(201,168,76,.75),rgba(201,168,76,.3))}

/* ─── Section page header ─── */
.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.4rem;flex-wrap:wrap;gap:.75rem}
.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}
.page-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}

/* ─── Responsive ─── */
@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main-workspace{margin-left:0!important}.action-dock{bottom:1rem}}
@media(max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.login-card{padding:2rem 1.6rem;margin:1rem}}
/* ─────────────────────────────────────────────
   STEP 2/3/4 — Date Lab, Tom Select, Form/Table QA
   ───────────────────────────────────────────── */
.global-date-center{flex:1;display:flex;justify-content:center;align-items:center;gap:4px;overflow:visible;padding:0 .5rem;position:relative;min-width:0}.global-date-chip{height:34px;border:1px solid rgba(201,168,76,.22);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-radius:999px;padding:0 .72rem;display:inline-flex;align-items:center;gap:.48rem;color:var(--text-secondary);font-weight:700;font-size:.76rem;box-shadow:0 10px 28px rgba(50,35,12,.07),inset 0 1px 0 rgba(255,255,255,.9);cursor:pointer}.global-date-chip:hover{border-color:rgba(201,168,76,.42);color:var(--accent-deep);box-shadow:0 12px 34px rgba(201,168,76,.16)}.global-date-pop{position:absolute;top:46px;left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 340px));min-width:560px;background:rgba(255,255,255,.93);border:1px solid rgba(215,198,160,.45);border-radius:24px;box-shadow:0 28px 80px rgba(34,26,12,.18);backdrop-filter:blur(28px);z-index:950;display:grid;grid-template-columns:180px 1fr;overflow:hidden}.quick-range-list{padding:.9rem;border-right:1px solid rgba(210,190,150,.28);display:flex;flex-direction:column;gap:.2rem;background:rgba(250,248,244,.65)}.quick-range-list button{height:34px;border:0;background:transparent;border-radius:10px;text-align:left;padding:0 .75rem;font:inherit;font-size:.82rem;color:var(--text-muted);cursor:pointer}.quick-range-list button:hover,.quick-range-list button.active{background:rgba(201,168,76,.11);color:var(--accent-deep);font-weight:700}.global-date-calendar{padding:1rem}.date-help-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;font-size:.75rem;color:var(--text-muted)}
.lab-grid{display:grid;gap:1rem}.lab-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-grid.main-form{grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr)}@media(max-width:1100px){.lab-grid.two,.lab-grid.three,.lab-grid.main-form{grid-template-columns:1fr}.global-date-pop{width:calc(100vw - 40px);min-width:0;grid-template-columns:1fr}.quick-range-list{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid rgba(210,190,150,.28)}}.lab-card{background:rgba(255,255,255,.68);border:1px solid rgba(218,202,170,.42);border-radius:24px;padding:1.2rem;box-shadow:0 18px 50px rgba(44,34,18,.07),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(20px);transition:transform .22s,box-shadow .22s,border-color .22s}.lab-card:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(44,34,18,.1);border-color:rgba(201,168,76,.34)}.lab-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.lab-head h3{margin:0;color:var(--text-primary);font-size:1rem}.lab-head p{margin:.25rem 0 0;color:var(--text-muted);font-size:.8rem;line-height:1.45}.date-lab-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.date-lab-toolbar.compact{grid-template-columns:1fr 1fr}.date-preview{margin-top:.7rem;padding:.75rem;border-radius:16px;background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(140,100,255,.05));border:1px solid rgba(201,168,76,.14);display:flex;flex-direction:column;gap:.15rem}.date-preview strong{color:var(--text-primary);font-size:.88rem}.date-preview span{color:var(--text-muted);font-size:.76rem}.quick-preset-wrap{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.preset-chip{border:1px solid rgba(201,168,76,.2);background:rgba(255,255,255,.62);border-radius:999px;padding:.35rem .7rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .18s}.preset-chip:hover{background:rgba(201,168,76,.12);color:var(--accent-deep);transform:translateY(-1px)}
.air-datepicker{--adp-font-family:Inter,system-ui,sans-serif;border:1px solid rgba(215,198,160,.5)!important;border-radius:20px!important;box-shadow:0 20px 70px rgba(44,34,18,.16)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(24px)}.air-datepicker-nav{border-bottom:1px solid rgba(215,198,160,.28)!important;padding:.72rem!important}.air-datepicker-cell{border-radius:12px!important}.air-datepicker-cell.-selected-,.air-datepicker-cell.-selected-.-focus-{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6)!important;color:white!important}.air-datepicker-cell.-in-range-{background:rgba(201,168,76,.13)!important}.air-datepicker-cell.-current-{color:var(--accent-deep)!important;font-weight:800}.air-datepicker-cell.has-holiday::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#8b5cf6;box-shadow:8px 0 0 rgba(201,168,76,.75)}.air-datepicker-cell.has-data{background:linear-gradient(180deg,rgba(201,168,76,.12),rgba(140,100,255,.06))!important;border:1px solid rgba(201,168,76,.18)}
.ts-wrapper.single .ts-control,.ts-wrapper.multi .ts-control{min-height:42px;border:.5px solid var(--border-mid)!important;border-radius:var(--r-md)!important;background:rgba(255,252,245,.85)!important;box-shadow:none!important;padding:.38rem .65rem!important;color:var(--text-primary)!important}.ts-wrapper.focus .ts-control{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px rgba(201,168,76,.13)!important;background:rgba(255,253,248,.95)!important}.ts-dropdown{border:1px solid rgba(215,198,160,.45)!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 20px 60px rgba(34,26,12,.16)!important;overflow:hidden!important;backdrop-filter:blur(24px)}.ts-dropdown .option{padding:.65rem .85rem!important;color:var(--text-secondary)!important}.ts-dropdown .active{background:rgba(201,168,76,.1)!important;color:var(--accent-deep)!important}.ts-wrapper.multi .ts-control>div{border-radius:999px!important;background:linear-gradient(135deg,rgba(201,168,76,.18),rgba(140,100,255,.1))!important;border:1px solid rgba(201,168,76,.18)!important;color:var(--accent-deep)!important;font-weight:700!important}.ts-dropdown .optgroup-header{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);font-weight:800;padding:.6rem .85rem .25rem!important}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.span-2{grid-column:1/-1}@media(max-width:740px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}.premium-upload{height:104px;border:1px dashed rgba(201,168,76,.45);border-radius:22px;background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(140,100,255,.05));display:flex;align-items:center;justify-content:center;gap:.9rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.premium-upload:hover{border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(201,168,76,.08)}.premium-upload i{font-size:1.35rem;color:var(--accent-primary)}.premium-upload strong{display:block;color:var(--text-primary)}.premium-upload span{display:block;font-size:.8rem;color:var(--text-muted)}.mini-toggle-card{margin-top:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.form-actions.center{justify-content:center}.side-preview{display:flex;flex-direction:column;gap:1rem}.ai-prompt-card{padding:1rem;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(238,242,255,.7));border:1px solid rgba(140,100,255,.14)}.ai-search-line{height:54px;border:2px solid rgba(140,100,255,.4);border-radius:18px;display:flex;align-items:center;padding:4px;background:rgba(255,255,255,.74);box-shadow:0 12px 34px rgba(140,100,255,.18)}.ai-search-line input{border:0;outline:0;flex:1;background:transparent;padding:0 .75rem;font:inherit}.ai-search-line button{height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#9d4edd,#6d28d9);color:white;font-weight:800;padding:0 1rem;cursor:pointer}.prompt-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.prompt-chips span{font-size:.75rem;padding:.32rem .65rem;border:1px solid rgba(140,100,255,.12);border-radius:999px;color:var(--text-muted);background:rgba(255,255,255,.7)}.stepper-card,.onboarding-preview,.confirm-preview{background:radial-gradient(circle at 20% 0%,rgba(140,100,255,.18),transparent 35%),radial-gradient(circle at 90% 20%,rgba(201,168,76,.16),transparent 35%),rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:1rem}.stepper-tabs{height:46px;border-radius:999px;background:rgba(20,23,40,.08);padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:1rem}.stepper-tabs span{display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;color:var(--text-muted)}.stepper-tabs span.active{background:linear-gradient(135deg,#121a33,#8b5cf6,#ff7b32);color:white}.notification-card .settings-row{padding:.85rem 0}.notification-card .settings-row p{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted)}.info-note{display:flex;align-items:center;gap:.5rem;background:rgba(74,142,240,.1);color:#2a6bd0;padding:.7rem;border-radius:14px;font-size:.82rem}.confirm-preview{text-align:center}.confirm-preview h2,.onboarding-preview h2{margin:.3rem 0 .5rem;color:var(--text-primary)}.onboarding-preview{display:flex;flex-direction:column;gap:.75rem}
.table-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 210px auto auto;gap:.65rem;margin-bottom:.8rem;align-items:center}@media(max-width:1000px){.table-filter-bar{grid-template-columns:1fr 1fr}.table-filter-bar .input-wrapper{grid-column:1/-1}}.bulk-bar{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border-radius:16px;background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(140,100,255,.08));border:1px solid rgba(201,168,76,.22);margin-bottom:.8rem}.premium-table-wrap{border-radius:20px;border:1px solid rgba(218,202,170,.42);overflow:auto;background:rgba(255,255,255,.62)}.data-table th{position:sticky;top:0;background:rgba(250,248,244,.95);backdrop-filter:blur(12px);z-index:1}.data-table tr:hover td{background:rgba(201,168,76,.055)}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;color:var(--text-muted);font-size:.82rem}

/* ============================================================
   Step 2 correction pass — unified luxury theme, scroll fixes
   ============================================================ */
.app-shell,.app-body{min-height:0}.module.active{overflow-y:auto;overflow-x:hidden}.workspace-inner{min-height:100%;overflow:visible}.settings-panel{padding-bottom:3rem}.app-header{gap:.65rem}.app-header>div:first-child{max-width:190px}.app-header>div:last-child{flex:1;min-width:0;justify-content:flex-end}.header-search-btn{flex:1;max-width:520px;min-width:220px}.global-date-center{flex:0 0 auto;order:5;justify-content:flex-start;padding:0;overflow:visible}.global-date-center .date-pill{display:none}.global-date-chip{height:40px;border-radius:15px;padding:0 .9rem;background:rgba(255,252,245,.82);border:.5px solid rgba(201,168,76,.22);box-shadow:0 10px 28px rgba(50,35,12,.06),inset 0 1px 0 rgba(255,255,255,.88)}.global-date-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-date-pop{top:48px;left:auto;right:0;transform:none;width:min(720px,calc(100vw - 40px));min-width:min(560px,calc(100vw - 40px));border-radius:24px;background:rgba(255,252,246,.96);border:.5px solid rgba(201,168,76,.22);box-shadow:0 30px 80px rgba(38,29,14,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.sidebar{display:flex;width:270px;grid-template-columns:none;background:linear-gradient(180deg,rgba(255,253,248,.95),rgba(247,243,235,.86));border-right:.5px solid rgba(201,168,76,.22);box-shadow:12px 0 40px rgba(58,42,18,.065),inset -1px 0 0 rgba(255,255,255,.62);overflow:hidden}.sidebar-rail{display:none}.sidebar-panel{flex:1;display:flex;min-height:0;overflow-y:auto;overflow-x:hidden;border-left:0;padding-top:.35rem}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-panel{opacity:1;pointer-events:auto;transform:none}.sidebar-topline{display:flex;justify-content:flex-end;padding:10px 12px 2px}.sidebar.collapsed .sidebar-topline{justify-content:center}.sidebar-scroll{flex:0 0 auto;overflow:visible;padding:4px 12px 10px}.sidebar-footer{flex:0 0 auto;margin-top:4px;padding:12px;border-top:.5px solid rgba(200,170,110,.12)}.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .upgrade-card,.sidebar.collapsed .sidebar-utility-list,.sidebar.collapsed .sidebar-user-copy,.sidebar.collapsed .sidebar-user-main>i{display:none!important}.sidebar.collapsed .nav-item{justify-content:center;padding:.5rem;border-radius:16px}.sidebar.collapsed .nav-icon{margin:0}.main-workspace{margin-left:270px}.main-workspace.collapsed{margin-left:72px}.nav-group{padding:3px 0 12px}.sidebar-section-label{padding:11px 10px 8px;color:rgba(138,122,104,.75);font-size:.62rem;letter-spacing:.15em}.nav-item{border-radius:16px;border:.5px solid transparent;min-height:44px;margin:3px 0;background:transparent}.nav-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,248,232,.38));border-color:rgba(201,168,76,.11);box-shadow:0 10px 26px rgba(80,60,30,.045);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,247,226,.58));border-color:rgba(201,168,76,.18);box-shadow:0 14px 34px rgba(110,80,26,.075),0 0 24px rgba(201,168,76,.11),inset 0 1px 0 rgba(255,255,255,.9);color:var(--accent-deep)}.nav-item.active::before{left:-9px;width:2px;top:12px;bottom:12px;background:linear-gradient(180deg,transparent,var(--accent-primary),transparent);box-shadow:0 0 16px var(--accent-glow)}.nav-icon{background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 .5px rgba(200,170,110,.09)}.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));box-shadow:0 10px 22px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.45)}.nav-sub{margin-left:17px;padding-left:18px}.nav-sub::before{width:1px;background:linear-gradient(180deg,rgba(201,168,76,.20),rgba(180,150,110,.12))}.nav-sub-item.active{background:linear-gradient(135deg,rgba(201,168,76,.11),rgba(255,255,255,.35));box-shadow:inset 0 0 0 .5px rgba(201,168,76,.1)}
.form-input,.form-select,.form-textarea,.ts-control{border-radius:18px!important;background:rgba(255,252,246,.86)!important;border:.5px solid rgba(200,170,110,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);min-height:42px}.form-input:focus,.form-select:focus,.form-textarea:focus,.ts-wrapper.focus .ts-control{border-color:rgba(201,168,76,.48)!important;box-shadow:0 0 0 4px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.86)!important}.ts-dropdown{border-radius:20px!important;border:.5px solid rgba(201,168,76,.22)!important;background:rgba(255,252,246,.98)!important;box-shadow:0 24px 60px rgba(42,30,12,.14)!important;overflow:hidden}.ts-dropdown .option{padding:.7rem .9rem;border-radius:12px;margin:3px 6px}.ts-dropdown .active{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(140,100,255,.06))!important;color:var(--accent-deep)!important}.air-datepicker{border-radius:24px!important;border:.5px solid rgba(201,168,76,.22)!important;box-shadow:0 26px 76px rgba(44,34,18,.14)!important;background:rgba(255,252,246,.98)!important}.air-datepicker-nav--title,.air-datepicker-nav--action{border-radius:14px!important}.air-datepicker-cell{border-radius:13px!important}.date-lab-toolbar .form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent-primary) 50%),linear-gradient(135deg,var(--accent-primary) 50%,transparent 50%)!important;background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
.lab-card,.card,.settings-block,.stat-card,.card-graph-card{border-radius:24px;border:.5px solid rgba(210,178,118,.22);background:rgba(255,252,246,.72);box-shadow:0 18px 46px rgba(44,34,18,.06),inset 0 1px 0 rgba(255,255,255,.78)}.lab-card:hover,.card:hover{transform:translateY(-1px);box-shadow:0 22px 60px rgba(44,34,18,.085)}.btn{border-radius:16px}.btn-icon{border-radius:14px}.modal-overlay{background:rgba(26,21,14,.36);backdrop-filter:blur(14px) saturate(1.1)}.modal-box{border-radius:28px;background:linear-gradient(180deg,rgba(255,252,246,.98),rgba(250,246,238,.96));border:.5px solid rgba(201,168,76,.24);box-shadow:0 34px 90px rgba(26,20,10,.18),0 0 0 1px rgba(255,255,255,.55) inset}.modal-header,.modal-footer{border-color:rgba(200,170,110,.14)}
.dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:stretch;margin:0 0 1.15rem;padding:1.4rem;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(242,236,255,.42) 48%,rgba(255,246,224,.45));border:.5px solid rgba(210,178,118,.26);box-shadow:0 24px 70px rgba(48,35,14,.09),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}.dashboard-hero::before{content:'';position:absolute;inset:-45%;background:radial-gradient(circle at 72% 35%,var(--accent-glow),transparent 28%),radial-gradient(circle at 35% 85%,rgba(140,100,255,.11),transparent 24%);pointer-events:none}.hero-glass-copy,.hero-progress-panel{position:relative;z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .72rem;border-radius:999px;background:rgba(255,255,255,.64);border:.5px solid rgba(201,168,76,.18);color:var(--accent-deep);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-glass-copy h2{font-size:2.45rem;line-height:1.04;letter-spacing:-.045em;margin:.75rem 0 .45rem}.hero-glass-copy p{max-width:590px;color:var(--text-muted);font-size:.95rem;line-height:1.55}.hero-action-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hero-action-pills button{height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.66);border:.5px solid rgba(201,168,76,.18);padding:0 .9rem;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:.18s}.hero-action-pills button:hover{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:0 14px 28px var(--accent-glow);transform:translateY(-1px)}.hero-progress-panel{border-radius:26px;background:rgba(255,255,255,.62);border:.5px solid rgba(201,168,76,.2);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)}.hero-date{font-size:.82rem;color:var(--text-muted);font-weight:700}.hero-ring{position:relative;width:150px;height:150px;display:grid;place-items:center}.hero-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.hero-ring circle{fill:none;stroke-width:13;stroke-linecap:round}.ring-track{stroke:rgba(201,168,76,.12)}.ring-fill{stroke:url(#none);stroke:var(--accent-primary);stroke-dasharray:352;stroke-dashoffset:98;filter:drop-shadow(0 0 10px var(--accent-glow))}.hero-ring div{text-align:center}.hero-ring strong{display:block;font-size:1.65rem;letter-spacing:-.04em}.hero-ring span{font-size:.72rem;color:var(--text-muted);font-weight:700}.hero-mini-metrics{display:flex;gap:.38rem;flex-wrap:wrap;justify-content:center}.hero-mini-metrics span{font-size:.7rem;border:.5px solid rgba(201,168,76,.16);background:rgba(255,255,255,.55);border-radius:999px;padding:.28rem .55rem;color:var(--text-muted)}
@media(max-width:1050px){.dashboard-hero{grid-template-columns:1fr}.hero-progress-panel{align-items:flex-start}.app-header>div:first-child{display:none}.global-date-chip span{max-width:150px}}@media(max-width:768px){.sidebar{transform:translateX(-100%)}.main-workspace{margin-left:0!important}.global-date-center{display:none}.header-search-btn{min-width:0}.dashboard-hero{border-radius:24px;padding:1rem}.hero-glass-copy h2{font-size:1.8rem}}

/* === Step 2 completion polish: corrected sidebar + global date + lab consistency === */
.app-header{gap:.7rem;align-items:center;overflow:visible;z-index:300;}
.app-header>div:nth-child(2){flex:1;justify-content:flex-start;min-width:0;}
.header-search-btn{flex:1;max-width:440px;min-width:260px;}

.sidebar{top:var(--header-height);width:270px;display:flex;background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(248,244,236,.93));border-right:.5px solid rgba(201,168,76,.20);box-shadow:10px 0 32px rgba(60,42,18,.052),inset -1px 0 0 rgba(255,255,255,.74);overflow:hidden;transition:width .26s cubic-bezier(.16,1,.3,1);}
.sidebar::before{background:radial-gradient(circle at 30% 0%,rgba(201,168,76,.12),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.2),transparent);}
.sidebar-rail{display:none!important;}
.sidebar-panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-left:0!important;padding-top:0!important;}
.sidebar-topline{flex:0 0 auto;display:flex;justify-content:flex-end;padding:6px 10px 4px!important;min-height:42px;}
.sidebar-collapse{width:32px!important;height:32px!important;border-radius:12px!important;background:rgba(255,255,255,.52)!important;box-shadow:none!important;}
.sidebar-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 10px 10px!important;scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.28) transparent;}
.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(201,168,76,.26);border-radius:20px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}
.sidebar-footer-minimal{flex:0 0 auto!important;margin:0!important;padding:8px 10px 10px!important;border-top:.5px solid rgba(201,168,76,.14)!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.45))!important;}
.sidebar-footer-action{width:100%;height:36px;border:0;background:transparent;border-radius:13px;display:flex;align-items:center;gap:.62rem;padding:0 10px;font-size:.78rem;font-weight:650;color:var(--text-muted);cursor:pointer;text-align:left;transition:all .16s ease;}
.sidebar-footer-action:hover{background:rgba(255,255,255,.62);color:var(--accent-deep);box-shadow:inset 0 0 0 .5px rgba(201,168,76,.10)}
.sidebar.collapsed{width:72px!important}.main-workspace{margin-left:270px!important}.main-workspace.collapsed{margin-left:72px!important}
.sidebar.collapsed .sidebar-footer-minimal{display:none!important}.sidebar.collapsed .sidebar-topline{justify-content:center!important}.sidebar.collapsed .sidebar-scroll{padding:0 8px 8px!important}
.nav-group{padding:0 0 8px!important}.sidebar-section-label{padding:9px 9px 6px!important;font-size:.60rem!important;letter-spacing:.155em;color:rgba(118,101,82,.66)!important;}
.nav-item{position:relative;min-height:42px!important;margin:2px 0!important;padding:.48rem .56rem!important;border-radius:15px!important;border:.5px solid transparent!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:background .18s ease, color .18s ease, box-shadow .18s ease, border-color .18s ease;}
.nav-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,248,235,.42))!important;border-color:rgba(201,168,76,.10)!important;box-shadow:0 10px 24px rgba(80,58,24,.035),inset 0 1px 0 rgba(255,255,255,.68)!important;color:var(--accent-deep)!important;}
.nav-item.active{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,246,222,.58),rgba(246,238,255,.34))!important;border-color:rgba(201,168,76,.16)!important;box-shadow:0 14px 30px rgba(92,68,24,.06),0 0 22px rgba(201,168,76,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;color:var(--accent-deep)!important;}
.nav-item.active::before{content:'';position:absolute;left:-6px;top:11px;bottom:11px;width:2px;border-radius:8px;background:linear-gradient(180deg,transparent,var(--accent-primary),transparent);box-shadow:0 0 16px var(--accent-glow);}
.nav-icon{width:31px!important;height:31px!important;border-radius:12px!important;background:rgba(255,255,255,.48)!important;box-shadow:inset 0 0 0 .5px rgba(201,168,76,.10)!important;transition:all .18s ease;}
.nav-item:hover .nav-icon{background:rgba(255,255,255,.80)!important;color:var(--accent-deep)!important;transform:scale(1.02)!important;}
.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light))!important;color:#fff!important;box-shadow:0 9px 18px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.48)!important;}
.nav-sub{margin-left:15px!important;padding-left:17px!important}.nav-sub::before{background:linear-gradient(180deg,rgba(201,168,76,.18),rgba(201,168,76,.07))!important}.nav-sub-item,.nav-sub-sub-item{border-radius:12px!important;min-height:34px!important}.nav-sub-item:hover,.nav-sub-sub-item:hover{background:rgba(255,255,255,.60)!important;color:var(--accent-deep)!important}.nav-sub-item.active,.nav-sub-sub-item.active{background:linear-gradient(135deg,rgba(201,168,76,.10),rgba(255,255,255,.50))!important;box-shadow:inset 0 0 0 .5px rgba(201,168,76,.10)!important;color:var(--accent-deep)!important}

.global-date-wrap{position:relative;flex:0 0 auto;z-index:900;}
.global-date-trigger{height:42px;min-width:230px;border-radius:16px;border:.5px solid rgba(201,168,76,.20);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,249,235,.54));display:flex;align-items:center;gap:.58rem;padding:0 .82rem;font-family:inherit;font-size:.78rem;font-weight:700;color:var(--text-secondary);cursor:pointer;box-shadow:0 10px 26px rgba(70,50,20,.045),inset 0 1px 0 rgba(255,255,255,.85);transition:all .18s ease;}
.global-date-trigger:hover{border-color:rgba(201,168,76,.35);box-shadow:0 14px 30px rgba(80,55,18,.07),0 0 18px var(--accent-glow);color:var(--accent-deep)}
.global-date-trigger span{white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}.global-date-trigger i:first-child{color:var(--accent-primary)}.global-date-trigger i:last-child{font-size:.62rem;color:var(--text-label);margin-left:auto}
.global-date-panel{position:absolute;right:0;top:calc(100% + 12px);width:410px;border-radius:24px;background:rgba(255,255,255,.96);border:.5px solid rgba(201,168,76,.22);box-shadow:0 28px 70px rgba(45,34,14,.16),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(24px);padding:1rem;z-index:9999;}
.global-date-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.global-date-head strong{font-size:.96rem;color:var(--text-primary)}.global-date-head p{margin:.15rem 0 0;font-size:.73rem;color:var(--text-muted);line-height:1.35}.mini-close{width:30px;height:30px;border:0;border-radius:11px;background:rgba(201,168,76,.08);color:var(--text-muted);cursor:pointer}.mini-close:hover{color:var(--accent-deep);background:rgba(201,168,76,.13)}
.global-date-quick{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}.global-date-quick button{height:32px;border-radius:11px;border:.5px solid rgba(201,168,76,.14);background:rgba(255,255,255,.68);padding:0 .72rem;font-size:.73rem;font-weight:750;color:var(--text-muted);cursor:pointer}.global-date-quick button:hover,.global-date-quick button.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:0 10px 20px var(--accent-glow)}
.global-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.72rem}.global-date-grid label,.global-date-jump label{display:grid;gap:.35rem}.global-date-grid span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--text-label)}
.global-date-jump{display:grid;grid-template-columns:1fr 1fr auto;gap:.55rem;align-items:center;margin-bottom:.75rem}.btn-sm{height:40px!important;padding:0 .85rem!important;font-size:.78rem!important}.date-hints{display:flex;gap:1rem;font-size:.72rem;color:var(--text-muted);margin:.35rem 0 .7rem}.date-hints span{display:flex;align-items:center;gap:.34rem}.date-hints i,.date-hints b{width:8px;height:8px;border-radius:99px;display:inline-block}.date-hints i{background:#eeb94f}.date-hints b{background:#8c64ff}.form-actions.compact{padding-top:.4rem;margin-top:.2rem;border-top:.5px solid rgba(201,168,76,.12)}
.form-input,.form-select,.ts-control{border-radius:16px!important;border:.5px solid rgba(201,168,76,.20)!important;background:rgba(255,255,255,.74)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;}
.form-input:focus,.form-select:focus,.ts-control.focus{border-color:rgba(201,168,76,.44)!important;box-shadow:0 0 0 4px rgba(201,168,76,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;background:rgba(255,255,255,.9)!important;outline:none!important;}
.lab-card,.premium-table-wrap,.notification-card,.confirm-preview,.onboarding-preview{border-radius:24px!important;border:.5px solid rgba(201,168,76,.17)!important;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,250,239,.48))!important;box-shadow:0 18px 42px rgba(70,50,20,.045),inset 0 1px 0 rgba(255,255,255,.82)!important;}
.air-datepicker{border-radius:22px!important;border:.5px solid rgba(201,168,76,.22)!important;box-shadow:0 24px 56px rgba(60,42,18,.12)!important;font-family:Inter,system-ui,sans-serif!important}.air-datepicker-cell.-selected-,.air-datepicker-cell.-selected-.-focus-{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light))!important;color:#fff!important}.air-datepicker-cell.-in-range-{background:rgba(201,168,76,.12)!important}.air-datepicker-nav--title{border-radius:12px!important}.has-holiday::after,.has-data::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%}.has-holiday::after{background:#eeb94f}.has-data::after{background:#8c64ff}

@media(max-width:1050px){.global-date-trigger{min-width:190px}.global-date-panel{right:-84px}.header-search-btn{min-width:200px}}
@media(max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main-workspace{margin-left:0!important}.global-date-wrap{display:none}.header-search-btn{max-width:none;min-width:0}}

/* ═══════════════════════════════════════════════════
   MISSING / FIX ADDITIONS
   ═══════════════════════════════════════════════════ */

/* ── Sidebar topline (collapse btn row) ── */
.sidebar-topline{
  display:flex;align-items:center;justify-content:flex-end;
  padding:10px 14px 4px;flex-shrink:0;
}
.sidebar-topline .sidebar-collapse{margin-left:auto}

/* ── Sidebar footer minimal variant ── */
.sidebar-footer-minimal{
  padding:10px 14px 14px;
  border-top:1px solid rgba(200,170,110,.14);
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.22));
  display:flex;flex-direction:column;gap:3px;
}
.sidebar-footer-action{
  height:36px;border:0;background:transparent;border-radius:11px;
  display:flex;align-items:center;gap:.6rem;padding:0 8px;
  font-size:.78rem;font-weight:500;color:var(--text-muted);cursor:pointer;
  text-align:left;font-family:inherit;transition:all .15s;width:100%;
}
.sidebar-footer-action:hover{background:rgba(255,255,255,.6);color:var(--accent-deep)}
.sidebar-footer-action i{width:16px;text-align:center;font-size:.82rem}

/* ── Global Date Selector (header) ── */
.global-date-wrap{position:relative;flex-shrink:0}
.global-date-trigger{
  display:flex;align-items:center;gap:.5rem;
  padding:.38rem .85rem;
  background:rgba(255,251,242,.8);
  border:.5px solid var(--border-mid);
  border-radius:12px;cursor:pointer;
  font-size:.82rem;font-weight:500;color:var(--text-secondary);
  font-family:inherit;transition:all .18s;white-space:nowrap;
}
.global-date-trigger:hover{
  border-color:var(--accent-primary);color:var(--accent-primary);
  background:rgba(255,252,248,.95);
  box-shadow:0 0 0 3px rgba(201,168,76,.1);
}
.global-date-trigger i:last-child{font-size:.6rem;color:var(--text-label);margin-left:.15rem}
.global-date-panel{
  position:absolute;top:calc(100% + 10px);right:0;
  width:360px;
  background:rgba(255,252,246,.98);
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  border:.5px solid rgba(210,178,118,.3);
  border-radius:22px;
  box-shadow:0 24px 60px rgba(0,0,0,.14),0 1px 0 rgba(255,255,255,.8) inset;
  z-index:600;overflow:hidden;
  animation:dropDown .2s cubic-bezier(.16,1,.3,1) both;
}
.global-date-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:1rem 1.1rem .75rem;border-bottom:.5px solid var(--border-light);
  background:linear-gradient(135deg,rgba(201,168,76,.07),rgba(140,100,255,.04));
}
.global-date-head strong{font-size:.9rem;color:var(--text-primary);display:block;margin-bottom:.18rem}
.global-date-head p{font-size:.75rem;color:var(--text-muted);line-height:1.4}
.mini-close{
  width:26px;height:26px;border:none;background:rgba(201,168,76,.08);
  border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:.8rem;transition:all .15s;
}
.mini-close:hover{background:rgba(224,72,72,.1);color:var(--status-error)}
.global-date-quick{
  display:flex;flex-wrap:wrap;gap:.3rem;padding:.7rem 1.1rem;
  border-bottom:.5px solid var(--border-light);
}
.global-date-quick button{
  padding:.28rem .7rem;border-radius:99px;font-size:.75rem;font-weight:500;
  border:.5px solid var(--border-light);background:transparent;
  color:var(--text-muted);cursor:pointer;transition:all .15s;font-family:inherit;
}
.global-date-quick button:hover{
  border-color:var(--accent-primary);color:var(--accent-primary);
  background:rgba(201,168,76,.07);
}
.global-date-quick button.active{
  background:rgba(201,168,76,.14);color:var(--accent-primary);
  border-color:rgba(201,168,76,.3);font-weight:600;
}
.global-date-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:.6rem;
  padding:.75rem 1.1rem;border-bottom:.5px solid var(--border-light);
}
.global-date-grid label{display:flex;flex-direction:column;gap:.28rem}
.global-date-grid label span{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-label)}
.global-date-jump{
  display:flex;gap:.5rem;align-items:center;padding:.65rem 1.1rem;
  border-bottom:.5px solid var(--border-light);
}
.global-date-jump .form-select{flex:1}
.global-date-jump .btn{white-space:nowrap}
.btn-sm{padding:.32rem .7rem;font-size:.78rem;border-radius:9px}
.date-hints{
  display:flex;gap:1rem;padding:.45rem 1.1rem;
  font-size:.7rem;color:var(--text-label);
  border-bottom:.5px solid var(--border-light);
}
.date-hints span{display:flex;align-items:center;gap:.3rem}
.date-hints i{width:10px;height:10px;border-radius:50%;background:rgba(201,168,76,.5);display:inline-block}
.date-hints b{width:10px;height:10px;border-radius:50%;background:rgba(45,184,122,.5);display:inline-block}
.form-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1.1rem}
.form-actions.compact{padding:.65rem 1.1rem}

/* ── Dashboard Hero ── */
.premium-dashboard-hero{
  display:grid;grid-template-columns:1fr 300px;gap:1.2rem;
  margin-bottom:1.4rem;
  background:linear-gradient(135deg,rgba(255,251,242,.8),rgba(245,238,255,.5));
  border:.5px solid var(--border-light);
  border-radius:24px;padding:1.6rem;overflow:hidden;position:relative;
  box-shadow:var(--shadow-sm);
}
.premium-dashboard-hero::before{
  content:'';position:absolute;top:-40px;right:80px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(201,168,76,.12),transparent 70%);
  pointer-events:none;
}
.hero-glass-copy{position:relative;z-index:1}
.hero-kicker{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--accent-primary);margin-bottom:.5rem;
}
.hero-kicker i{font-size:.7rem}
.premium-dashboard-hero h2{
  font-size:1.6rem;font-weight:800;letter-spacing:-.025em;
  color:var(--text-primary);line-height:1.15;margin-bottom:.4rem;
}
.premium-dashboard-hero p{font-size:.875rem;color:var(--text-muted);line-height:1.55;margin-bottom:1rem}
.hero-action-pills{display:flex;gap:.5rem;flex-wrap:wrap}
.hero-action-pills button{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.4rem .9rem;border-radius:99px;font-size:.82rem;font-weight:500;
  border:.5px solid var(--border-mid);background:rgba(255,252,245,.8);
  color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .15s;
}
.hero-action-pills button:first-child{
  background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));
  color:#fff;border:none;box-shadow:0 4px 14px rgba(201,168,76,.35);
}
.hero-action-pills button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}
.hero-action-pills button:first-child:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,.45)}
.hero-progress-panel{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;
  background:rgba(255,255,255,.5);border:.5px solid var(--border-light);
  border-radius:18px;padding:1.1rem;text-align:center;
}
.hero-date{font-size:.72rem;color:var(--text-muted);font-weight:500}
.hero-ring{
  position:relative;width:130px;height:130px;
  display:flex;align-items:center;justify-content:center;
}
.hero-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring-track{fill:none;stroke:rgba(201,168,76,.12);stroke-width:8}
.ring-fill{
  fill:none;stroke:url(#ringGrad);stroke-width:8;stroke-linecap:round;
  stroke-dasharray:352;stroke-dashoffset:98;
  animation:ringDraw 1.2s cubic-bezier(.16,1,.3,1) both .4s;
}
@keyframes ringDraw{from{stroke-dashoffset:352}to{stroke-dashoffset:98}}
.hero-ring>div{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;
}
.hero-ring strong{font-size:1.8rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1}
.hero-ring span{font-size:.65rem;color:var(--text-muted);font-weight:500;margin-top:.2rem}
.hero-mini-metrics{
  display:flex;gap:.6rem;
  font-size:.72rem;font-weight:600;color:var(--text-muted);
}
.hero-mini-metrics span{
  padding:.2rem .5rem;background:rgba(201,168,76,.08);
  border-radius:99px;border:.5px solid rgba(201,168,76,.15);
  color:var(--accent-primary);
}

/* ── Lab layouts ── */
.lab-grid{display:grid;gap:1rem}
.lab-grid.two{grid-template-columns:1fr 1fr}
.lab-grid.three{grid-template-columns:repeat(3,1fr)}
.lab-grid.main-form{grid-template-columns:1fr 320px}
.lab-card{background:rgba(255,251,242,.72);border:.5px solid var(--border-light);border-radius:22px;padding:1.25rem;overflow:hidden}
.lab-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:.75rem}
.lab-head div h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}
.lab-head div p{font-size:.8rem;color:var(--text-muted);line-height:1.45}
.date-lab-toolbar{display:flex;gap:.5rem;margin-bottom:.6rem}
.date-lab-toolbar .form-select{flex:1}
.quick-preset-wrap{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem}
.preset-chip{padding:.26rem .65rem;border-radius:99px;font-size:.74rem;font-weight:500;border:.5px solid var(--border-light);background:rgba(255,252,245,.7);color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .14s}
.preset-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(201,168,76,.07)}
.date-preview{margin-top:.65rem;padding:.6rem .9rem;background:rgba(201,168,76,.06);border:.5px solid rgba(201,168,76,.15);border-radius:12px}
.date-preview strong{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:.15rem}
.date-preview span{font-size:.75rem;color:var(--text-muted)}
.page-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:.25rem}

/* ── Complex form ── */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem}
.form-grid .span-2{grid-column:1/-1}
.premium-upload{
  border:1.5px dashed var(--border-mid);border-radius:14px;padding:1.1rem;
  display:flex;align-items:center;gap:.9rem;cursor:pointer;
  background:rgba(255,252,245,.5);transition:all .18s;
}
.premium-upload:hover{border-color:var(--accent-primary);background:rgba(201,168,76,.05)}
.premium-upload i{font-size:1.4rem;color:var(--accent-primary);flex-shrink:0}
.premium-upload strong{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}
.premium-upload span{font-size:.75rem;color:var(--text-muted)}
.mini-toggle-card{margin-bottom:1rem}
.complex-form-card{grid-column:1}
.side-preview{display:flex;flex-direction:column;gap:1rem}
.ai-prompt-card{background:linear-gradient(135deg,rgba(140,100,255,.08),rgba(201,168,76,.05));border:.5px solid rgba(140,100,255,.18);border-radius:18px;padding:1rem}
.ai-prompt-card h3{font-size:.9rem;font-weight:600;margin-bottom:.65rem;color:var(--text-primary)}
.ai-search-line{display:flex;gap:.4rem;margin-bottom:.6rem}
.ai-search-line input{flex:1;background:rgba(255,255,255,.7);border:.5px solid var(--border-mid);border-radius:10px;padding:.45rem .75rem;font-size:.82rem;font-family:inherit;outline:none;color:var(--text-primary)}
.ai-search-line button{padding:.45rem .8rem;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;border:none;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}
.prompt-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.prompt-chips span{padding:.2rem .55rem;border-radius:99px;font-size:.72rem;background:rgba(255,255,255,.6);border:.5px solid var(--border-light);color:var(--text-muted);cursor:pointer}
.stepper-card{background:rgba(255,255,255,.5);border:.5px solid var(--border-light);border-radius:18px;padding:1rem}
.stepper-card h3{font-size:.9rem;font-weight:600;margin-bottom:.3rem;color:var(--text-primary)}
.stepper-card p{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}
.stepper-tabs{display:flex;gap:.3rem;margin-bottom:.75rem}
.stepper-tabs span{padding:.22rem .65rem;border-radius:99px;font-size:.72rem;font-weight:500;background:rgba(201,168,76,.06);border:.5px solid var(--border-light);color:var(--text-muted);cursor:pointer}
.stepper-tabs span.active{background:rgba(201,168,76,.14);color:var(--accent-primary);border-color:rgba(201,168,76,.25);font-weight:600}

/* ── Table lab ── */
.table-filter-bar{display:flex;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap;align-items:center}
.table-filter-bar .form-select{min-width:130px;flex:0 0 auto}
.table-filter-bar .form-input{flex:1;min-width:160px}
.bulk-bar{
  display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;
  padding:.55rem .85rem;background:rgba(201,168,76,.08);border:.5px solid rgba(201,168,76,.2);
  border-radius:12px;font-size:.82rem;
}
.bulk-bar strong{color:var(--accent-primary);font-weight:600}
.table-wrap{overflow-x:auto}
.premium-table-wrap{border-radius:0 0 18px 18px;overflow:hidden}
.table-footer{
  display:flex;align-items:center;justify-content:space-between;
  padding:.65rem 1rem;border-top:.5px solid var(--border-light);
  font-size:.8rem;color:var(--text-muted);
}

/* ── Modal lab ── */
.notification-card{}
.notification-card p,.confirm-preview p,.onboarding-preview p{font-size:.82rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.5}
.notification-card .settings-row{border-bottom:.5px solid var(--border-light);padding:.75rem 0}
.notification-card .settings-row:last-of-type{border-bottom:none}
.notification-card .settings-row div:first-child strong{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)}
.notification-card .settings-row div:first-child p{font-size:.78rem;color:var(--text-muted);margin:0}
.info-note{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;padding:.5rem;background:rgba(74,142,240,.07);border-radius:10px;margin:.6rem 0}
.info-note i{color:var(--status-info);font-size:.82rem}
.confirm-preview{text-align:center}
.confirm-preview h2{font-size:1.1rem;font-weight:600;margin-bottom:.4rem;color:var(--text-primary)}
.form-actions.center{justify-content:center;flex-direction:column;align-items:center;gap:.4rem}
.onboarding-preview .form-input{margin-bottom:.4rem}
.onboarding-preview h2{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}

/* ── Theme Lab (placeholder) ── */
.animation-lab-preview,.icon-lab-preview{
  min-height:200px;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:1rem;color:var(--text-muted);
}

/* ── Header layout fix: justify between ── */
.app-header{justify-content:space-between}
.header-left{display:flex;align-items:center;gap:.65rem;flex-shrink:0}
.header-center{display:flex;align-items:center;justify-content:center;flex:1;overflow:visible}
.header-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}

/* ── Sidebar width includes rail ── */
/* Rail = 72px, Panel = 248px → total 320px = var(--sidebar-width) */
/* Already correct. Main workspace margin-left = 320px → 72px when collapsed */

/* ── Module height fill ── */
.module{height:100%}
.module.active{min-height:0}

/* ── Air Datepicker theme override ── */
.air-datepicker{
  --adp-background-color:rgba(255,252,246,.98);
  --adp-border-color:rgba(210,178,118,.25);
  --adp-border-radius:18px;
  --adp-box-shadow:0 24px 60px rgba(0,0,0,.12);
  --adp-day-color:var(--text-secondary);
  --adp-accent-color:var(--accent-primary);
  --adp-color-secondary:var(--text-muted);
  --adp-btn-background-color-hover:rgba(201,168,76,.1);
  font-family:'Inter',sans-serif;
  backdrop-filter:blur(24px);
}
.air-datepicker-cell.-selected-{
  background:var(--accent-primary)!important;
  color:#fff!important;
  border-radius:12px!important;
}
.air-datepicker-cell.-range-from-,.air-datepicker-cell.-range-to-{
  background:var(--accent-primary)!important;color:#fff!important;border-radius:12px!important;
}
.air-datepicker-cell.-in-range-{background:rgba(201,168,76,.12)!important;border-radius:0}
.air-datepicker-cell.-today-:before{background:var(--accent-primary)!important}
.air-datepicker-cell.has-holiday{color:var(--status-error)!important;font-weight:700}
.air-datepicker-cell.has-data:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--status-active);position:absolute;bottom:2px;left:50%;transform:translateX(-50%)}
.air-datepicker-nav--action:hover path{stroke:var(--accent-primary)}
.air-datepicker-nav--title:hover{color:var(--accent-primary)}

/* ── Tom Select theme override ── */
.ts-wrapper .ts-control{
  background:rgba(255,252,245,.85)!important;
  border:.5px solid var(--border-mid)!important;
  border-radius:var(--r-md)!important;
  font-family:'Inter',sans-serif!important;
  font-size:.9rem!important;
  color:var(--text-primary)!important;
  box-shadow:none!important;
  padding:.55rem .75rem!important;
}
.ts-wrapper.focus .ts-control,.ts-wrapper.input-active .ts-control{
  border-color:var(--accent-primary)!important;
  box-shadow:0 0 0 3px rgba(201,168,76,.12)!important;
}
.ts-dropdown{
  background:rgba(255,252,245,.98)!important;
  border:.5px solid var(--border-light)!important;
  border-radius:var(--r-lg)!important;
  box-shadow:var(--shadow-xl)!important;
  font-family:'Inter',sans-serif!important;
  backdrop-filter:blur(20px);
}
.ts-dropdown .option{
  font-size:.875rem!important;color:var(--text-secondary)!important;
  padding:.5rem .75rem!important;border-radius:var(--r-md)!important;
  margin:.15rem .3rem!important;
}
.ts-dropdown .option:hover,.ts-dropdown .option.active{
  background:rgba(201,168,76,.1)!important;color:var(--accent-primary)!important;
}
.ts-dropdown .selected{
  background:rgba(201,168,76,.14)!important;color:var(--accent-primary)!important;
}
.ts-wrapper .item{
  background:rgba(201,168,76,.1)!important;color:var(--accent-primary)!important;
  border-radius:8px!important;border:.5px solid rgba(201,168,76,.2)!important;
  font-size:.8rem!important;
}
.ts-wrapper .remove{color:var(--accent-primary)!important}

/* ── Theme adaptive icon colors ── */
[data-theme="blue"] .icon-gold{background:linear-gradient(135deg,rgba(58,123,213,.15),rgba(58,123,213,.06));color:#3a7bd5;box-shadow:inset 0 0 0 1px rgba(58,123,213,.15)}
[data-theme="blue"] .rail-btn.active{background:linear-gradient(135deg,#3a7bd5,#4e9af1)}
[data-theme="blue"] .nav-item.active{border-color:rgba(58,123,213,.3);box-shadow:0 18px 36px rgba(30,60,120,.08),0 0 0 4px rgba(58,123,213,.1) inset}
[data-theme="green"] .icon-gold{background:linear-gradient(135deg,rgba(30,158,98,.14),rgba(30,158,98,.06));color:#1e9e62;box-shadow:inset 0 0 0 1px rgba(30,158,98,.14)}
[data-theme="green"] .rail-btn.active{background:linear-gradient(135deg,#1e9e62,#4ec48a)}
[data-theme="purple"] .icon-gold{background:linear-gradient(135deg,rgba(112,64,200,.14),rgba(112,64,200,.06));color:#7040c8;box-shadow:inset 0 0 0 1px rgba(112,64,200,.14)}
[data-theme="purple"] .rail-btn.active{background:linear-gradient(135deg,#7040c8,#a070e0)}

/* ── Notif badge ── */
.notif-badge{
  position:absolute;top:5px;right:5px;width:7px;height:7px;
  background:var(--accent-primary);border-radius:50%;
  border:2px solid var(--bg-header);animation:softPulse 2s ease-in-out infinite;
}
@keyframes softPulse{0%{box-shadow:0 0 0 0 rgba(201,168,76,.35)}70%{box-shadow:0 0 0 7px rgba(201,168,76,0)}100%{box-shadow:0 0 0 0 rgba(201,168,76,0)}}

/* ── Card grid for card view ── */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.entity-card{
  background:rgba(255,251,242,.75);border:.5px solid var(--border-light);
  border-radius:20px;padding:1.1rem;transition:all .22s;cursor:pointer;position:relative;overflow:hidden;
}
.entity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(201,168,76,.3)}
.entity-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light));opacity:0;transition:opacity .2s}
.entity-card:hover::before,.entity-card.selected::before{opacity:1}

/* ── SVG gradient def fix ── */
.hero-ring svg defs{display:block}

/* ── Dock bottom clearance ── */
.workspace-inner{padding-bottom:6rem}

/* ── Responsive fixes ── */
@media(max-width:1280px){
  .lab-grid.two{grid-template-columns:1fr}
  .lab-grid.main-form{grid-template-columns:1fr}
  .premium-dashboard-hero{grid-template-columns:1fr}
  .hero-progress-panel{display:none}
}
@media(max-width:900px){
  .global-date-panel{right:auto;left:0;width:320px}
  :root{--sidebar-width:300px}
}
@media(max-width:768px){
  .sidebar{transform:translateX(-100%);width:var(--sidebar-width)!important}
  .sidebar.mobile-open{transform:translateX(0)}
  .main-workspace{margin-left:0!important}
  .header-center{display:none}
  .global-date-trigger span{display:none}
}


/* === V4 final visual correction: luxury sidebar, workspace transitions, date drawer, dock === */
:root{--sidebar-width:282px;--sidebar-collapsed:76px}
.app-shell{height:100dvh;overflow:hidden}.app-body{height:100dvh;padding-top:var(--header-height);overflow:hidden}.app-header{z-index:4000;overflow:visible;background:linear-gradient(135deg,rgba(255,253,248,.86),rgba(255,249,236,.72));box-shadow:0 10px 36px rgba(55,38,12,.045),0 1px 0 rgba(255,255,255,.78) inset}.header-center{display:none!important}.header-right{flex:1;min-width:0}.header-search-btn{flex:1 1 420px;max-width:520px}.global-date-wrap{order:2;margin-left:.3rem;z-index:4200}.header-search-btn{order:1}.header-right>.dropdown,.header-right>.btn-icon{order:3}
.main-workspace{height:calc(100dvh - var(--header-height));overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,248,230,.08));contain:layout paint}.module{min-height:100%;overflow:visible;animation:none!important}.module.active{animation:workspaceFade .34s cubic-bezier(.16,1,.3,1) both!important}.workspace-inner{padding:1rem 1.35rem 6.8rem!important;margin:0!important;animation:workspaceRise .42s cubic-bezier(.16,1,.3,1) both}.page-header{margin-top:0!important}
@keyframes workspaceFade{from{opacity:.35;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes workspaceRise{from{opacity:.2;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}

.sidebar{z-index:160;top:var(--header-height);width:var(--sidebar-width)!important;display:flex!important;background:linear-gradient(180deg,rgba(255,253,248,.82),rgba(246,240,229,.70))!important;backdrop-filter:blur(34px) saturate(1.25)!important;-webkit-backdrop-filter:blur(34px) saturate(1.25)!important;border-right:1px solid rgba(207,181,126,.18)!important;box-shadow:18px 0 58px rgba(58,42,16,.075),inset -1px 0 0 rgba(255,255,255,.62)!important;transition:width .36s cubic-bezier(.16,1,.3,1),box-shadow .36s ease!important;overflow:hidden!important}.sidebar::before{background:radial-gradient(circle at 0% 8%,var(--accent-glow),transparent 42%),radial-gradient(circle at 90% 82%,rgba(140,100,255,.07),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 45%,rgba(255,255,255,.26))!important}.sidebar::after{width:1px;background:linear-gradient(180deg,transparent,rgba(201,168,76,.26),rgba(140,100,255,.14),transparent)!important}.sidebar.collapsed{width:var(--sidebar-collapsed)!important}.sidebar-rail{display:none!important}.sidebar-panel{width:100%;opacity:1!important;transform:none!important;padding:0!important;border-left:0!important;overflow:hidden}.sidebar-topline{min-height:34px!important;height:34px!important;padding:4px 10px 2px!important;align-items:center;justify-content:flex-end}.sidebar-collapse{width:29px!important;height:29px!important;border-radius:11px!important;border:.5px solid rgba(201,168,76,.14)!important;background:rgba(255,255,255,.38)!important;color:var(--text-label)!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important}.sidebar-collapse:hover{background:rgba(255,255,255,.72)!important;color:var(--accent-deep)!important;transform:translateY(-1px);box-shadow:0 12px 26px rgba(60,42,18,.06)!important}.sidebar-scroll{padding:0 12px 12px!important;scrollbar-width:thin}.sidebar-footer-minimal{display:none!important}.main-workspace{margin-left:var(--sidebar-width)!important;transition:margin-left .36s cubic-bezier(.16,1,.3,1)!important}.main-workspace.collapsed{margin-left:var(--sidebar-collapsed)!important}.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-sub{display:none!important}.sidebar.collapsed .nav-item{justify-content:center!important;padding:.48rem!important}.sidebar.collapsed .nav-icon{margin:0!important}
.sidebar-section-label{font-size:.58rem!important;letter-spacing:.16em!important;font-weight:850!important;color:rgba(122,104,82,.62)!important;padding:12px 8px 7px!important}.nav-group:first-child .sidebar-section-label{padding-top:4px!important}.nav-item{min-height:43px!important;border-radius:16px!important;padding:.48rem .56rem!important;margin:3px 0!important;border:.5px solid transparent!important;background:transparent!important;color:var(--text-secondary)!important;transition:background .22s ease,color .22s ease,box-shadow .24s ease,transform .24s cubic-bezier(.16,1,.3,1),border-color .22s ease!important}.nav-item:hover{transform:translateX(2px)!important;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,246,224,.34))!important;border-color:rgba(201,168,76,.095)!important;box-shadow:0 13px 28px rgba(70,50,18,.035),inset 0 1px 0 rgba(255,255,255,.62)!important}.nav-item.active{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,247,225,.50),rgba(245,238,255,.25))!important;border-image:linear-gradient(135deg,rgba(201,168,76,.32),rgba(140,100,255,.16),rgba(255,255,255,.4)) 1!important;box-shadow:0 16px 36px rgba(78,56,18,.06),0 0 28px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.82)!important;color:var(--accent-deep)!important}.nav-item.active::before{left:-7px!important;top:12px!important;bottom:12px!important;width:2px!important;background:linear-gradient(180deg,transparent,var(--accent-primary),rgba(140,100,255,.55),transparent)!important;box-shadow:0 0 18px var(--accent-glow)!important}.nav-icon{width:30px!important;height:30px!important;border-radius:12px!important;font-size:.86rem!important;background:rgba(255,255,255,.42)!important;color:var(--text-muted)!important}.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light))!important;color:#fff!important;box-shadow:0 10px 22px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.5)!important}.nav-label{font-size:.865rem;font-weight:680;letter-spacing:-.01em}.nav-sub{margin-left:14px!important;padding-left:18px!important}.nav-sub::before{left:0!important;background:linear-gradient(180deg,rgba(201,168,76,.20),rgba(140,100,255,.10),transparent)!important}.nav-sub-item{font-size:.795rem!important;padding:.42rem .52rem!important;color:var(--text-muted)!important}.nav-sub-item i{width:16px;text-align:center;opacity:.82}.nav-sub-sub-item{font-size:.74rem!important;color:var(--text-label)!important}.nav-sub-item:hover,.nav-sub-sub-item:hover{background:rgba(255,255,255,.52)!important;color:var(--accent-deep)!important}.nav-sub-item.active,.nav-sub-sub-item.active{background:linear-gradient(135deg,rgba(201,168,76,.10),rgba(255,255,255,.55))!important;color:var(--accent-deep)!important;box-shadow:inset 0 0 0 .5px rgba(201,168,76,.12)!important}

.global-date-panel{position:absolute!important;left:0!important;right:auto!important;top:calc(100% + 12px)!important;width:min(470px,calc(100vw - 40px))!important;z-index:20000!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,249,236,.90))!important;backdrop-filter:blur(30px) saturate(1.18)!important;-webkit-backdrop-filter:blur(30px) saturate(1.18)!important;border:.5px solid rgba(201,168,76,.24)!important;box-shadow:0 34px 84px rgba(42,31,12,.20),0 0 0 1px rgba(255,255,255,.58) inset!important;transform-origin:18% 0}.date-pop-enter{transition:opacity .22s ease,transform .30s cubic-bezier(.16,1,.3,1),filter .30s ease}.date-pop-enter-start{opacity:0;transform:translateY(-8px) scale(.965);filter:blur(4px)}.date-pop-enter-end{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.date-pop-leave{transition:opacity .16s ease,transform .18s ease}.date-pop-leave-start{opacity:1;transform:translateY(0) scale(1)}.date-pop-leave-end{opacity:0;transform:translateY(-5px) scale(.975)}.global-date-trigger{min-width:240px!important;height:40px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,247,226,.50))!important}.global-date-jump .form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent-primary) 50%),linear-gradient(135deg,var(--accent-primary) 50%,transparent 50%)!important;background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}.air-datepicker{z-index:21000!important}

.action-dock{gap:.35rem!important;border-radius:24px!important;padding:.42rem .54rem!important;background:linear-gradient(135deg,rgba(255,253,248,.91),rgba(255,247,226,.72))!important;border:.5px solid rgba(201,168,76,.24)!important;box-shadow:0 24px 70px rgba(44,32,12,.16),0 1px 0 rgba(255,255,255,.9) inset!important;backdrop-filter:blur(30px) saturate(1.12)!important;transition:left .38s cubic-bezier(.16,1,.3,1),right .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1),padding .2s ease!important}.dock-control{width:32px;height:32px;border-radius:12px;border:0;background:rgba(255,255,255,.55);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.dock-control:hover{color:var(--accent-deep);box-shadow:0 8px 18px rgba(60,42,18,.07)}.action-dock.mini .dock-btn,.action-dock.mini .dock-sep{display:none!important}.action-dock.dockRight{left:auto!important;right:1.25rem!important;transform:translateX(0)!important}.dock-btn{transition:all .22s cubic-bezier(.16,1,.3,1)!important}.dock-btn:hover{transform:translateY(-3px) scale(1.04)!important}.dock-btn.active{box-shadow:0 14px 26px var(--accent-glow)!important}
.component-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.85rem}.mini-empty-state{grid-column:span 2;min-height:86px;border:.5px dashed rgba(201,168,76,.25);border-radius:18px;background:rgba(255,255,255,.50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;color:var(--text-muted);font-size:.78rem}.mini-empty-state i{font-size:1.2rem;color:var(--accent-primary)}.mini-empty-state strong{color:var(--text-secondary);font-size:.85rem}.mini-skeleton{grid-column:span 2;border-radius:18px;background:rgba(255,255,255,.46);border:.5px solid rgba(201,168,76,.12);padding:.75rem;display:grid;grid-template-columns:40px 1fr;gap:.55rem;align-items:center}.mini-skeleton i,.mini-skeleton b{display:block;border-radius:999px;background:linear-gradient(90deg,rgba(201,168,76,.08),rgba(255,255,255,.75),rgba(201,168,76,.08));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.mini-skeleton i{width:40px;height:40px;grid-row:span 3}.mini-skeleton b{height:9px}.mini-skeleton b:nth-child(2){width:80%}.mini-skeleton b:nth-child(3){width:64%}.mini-skeleton b:nth-child(4){width:48%}
@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:980px){.global-date-wrap{display:none!important}.header-search-btn{max-width:none}.main-workspace{margin-left:0!important}.sidebar{transform:translateX(-100%)}.action-dock.dockRight{right:1rem}}

/* ============================================================
   Universal Entity Engine — Premium Business OS
   ============================================================ */
.entity-engine{gap:1rem;animation:workspaceReveal .45s cubic-bezier(.2,.8,.2,1);padding-top:.4rem!important}
.ue-hero{position:relative;display:flex;justify-content:space-between;gap:1rem;padding:1.35rem 1.45rem;border:.5px solid rgba(255,255,255,.62);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,250,238,.52)),radial-gradient(circle at 20% 20%,rgba(201,168,76,.18),transparent 38%),radial-gradient(circle at 92% 0%,rgba(128,96,224,.13),transparent 36%);box-shadow:0 24px 60px rgba(60,42,10,.08),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden;flex-shrink:0}
.ue-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-100%);animation:ueSheen 7s ease-in-out infinite;pointer-events:none}.ue-kicker{display:inline-flex;align-items:center;gap:.48rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--accent-primary);margin-bottom:.5rem}.ue-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(1.7rem,2.5vw,2.55rem);line-height:1.02;margin:0;color:var(--text-primary);letter-spacing:-.025em}.ue-hero p{max-width:760px;margin:.55rem 0 0;color:var(--text-secondary);font-size:.94rem;line-height:1.7}.ue-meta-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.95rem}.ue-meta-row span{display:inline-flex;align-items:center;gap:.42rem;padding:.38rem .65rem;border-radius:999px;background:rgba(255,255,255,.62);border:.5px solid rgba(201,168,76,.2);font-size:.77rem;color:var(--text-muted)}.ue-hero-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;min-width:280px}.ue-preset-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem;flex-shrink:0}.ue-preset{border:.5px solid var(--border-light);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,250,240,.45));border-radius:22px;padding:.82rem;text-align:left;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-family:inherit;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.ue-preset:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(70,45,10,.08);border-color:rgba(201,168,76,.24)}.ue-preset.active{background:linear-gradient(135deg,rgba(201,168,76,.16),rgba(255,255,255,.72));border-color:rgba(201,168,76,.34);box-shadow:0 18px 45px rgba(201,168,76,.13),inset 0 0 0 1px rgba(255,255,255,.72)}.ue-preset-icon{width:40px;height:40px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(201,168,76,.18),rgba(128,96,224,.1));color:var(--accent-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.ue-preset b{display:block;color:var(--text-primary);font-size:.86rem}.ue-preset small{display:block;color:var(--text-muted);font-size:.69rem;margin-top:.16rem}.ue-command-card{position:relative;z-index:12;border:.5px solid var(--border-light);border-radius:26px;background:rgba(255,255,255,.68);box-shadow:0 18px 50px rgba(70,45,10,.055);padding:.8rem;flex-shrink:0}.ue-command-top{display:flex;align-items:center;gap:.72rem}.ue-search{flex:1;position:relative;display:flex;align-items:center}.ue-search i{position:absolute;left:.85rem;color:var(--text-muted);font-size:.82rem}.ue-search input{width:100%;height:44px;border:.5px solid rgba(201,168,76,.18);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,251,242,.72));border-radius:17px;padding:0 2.4rem;color:var(--text-primary);font-family:inherit;outline:none;transition:.2s ease}.ue-search input:focus{border-color:rgba(201,168,76,.42);box-shadow:0 0 0 4px rgba(201,168,76,.11)}.ue-clear{position:absolute;right:.52rem;border:0;background:rgba(201,168,76,.08);width:28px;height:28px;border-radius:10px;color:var(--text-muted);cursor:pointer}.ue-control-group{display:flex;gap:.55rem;min-width:260px}.ue-control-group .ts-wrapper{min-width:130px}.ue-view-switch{display:flex;gap:.25rem;background:rgba(255,255,255,.58);border:.5px solid var(--border-light);padding:.25rem;border-radius:15px}.ue-view-switch button{width:34px;height:34px;border:0;border-radius:12px;background:transparent;color:var(--text-muted);cursor:pointer;transition:.18s}.ue-view-switch button.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;box-shadow:0 10px 24px rgba(201,168,76,.24)}.ue-chips-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}.ue-chip{border:.5px solid var(--border-light);background:rgba(255,255,255,.6);border-radius:999px;padding:.42rem .72rem;font-size:.75rem;color:var(--text-secondary);font-weight:650;cursor:pointer;transition:.18s}.ue-chip:hover,.ue-chip.active{border-color:rgba(201,168,76,.32);background:linear-gradient(135deg,rgba(201,168,76,.14),rgba(255,255,255,.72));color:var(--accent-primary);transform:translateY(-1px)}.ue-chip.muted{margin-left:auto;color:var(--text-muted)}.ue-advanced{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.75rem;margin-top:.85rem;padding:.85rem;border-radius:20px;background:rgba(250,246,236,.6);border:.5px solid rgba(201,168,76,.16)}.ue-body{display:grid;grid-template-columns:1fr;gap:.85rem;min-height:0;flex:1;overflow:hidden}.ue-body.view-split{grid-template-columns:245px minmax(0,1fr) 320px}.ue-side-panel,.ue-preview,.ue-table-card,.ue-record-card{border:.5px solid var(--border-light);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,250,241,.48));border-radius:24px;box-shadow:0 18px 48px rgba(60,42,10,.055);overflow:hidden}.ue-side-panel{padding:.8rem;overflow-y:auto}.ue-side-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-label);font-weight:800;margin:.2rem .3rem .7rem}.ue-queue-item{width:100%;display:flex;align-items:center;gap:.6rem;border:0;background:transparent;padding:.55rem;border-radius:16px;cursor:pointer;text-align:left;transition:.18s;font-family:inherit}.ue-queue-item:hover,.ue-queue-item.active{background:rgba(201,168,76,.1)}.ue-queue-item b{display:block;font-size:.78rem;color:var(--text-primary)}.ue-queue-item small{display:block;font-size:.68rem;color:var(--text-muted)}.ue-data-area{min-width:0;display:flex;flex-direction:column;gap:.65rem;overflow:hidden}.ue-bulk{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border-radius:18px;background:linear-gradient(135deg,rgba(128,96,224,.13),rgba(201,168,76,.1));border:.5px solid rgba(128,96,224,.18);flex-shrink:0}.ue-table-card{overflow:auto;flex:1;min-height:320px}.ue-table{width:100%;border-collapse:separate;border-spacing:0}.ue-table th{position:sticky;top:0;z-index:4;background:rgba(255,252,245,.92);backdrop-filter:blur(16px);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-label);font-weight:800;text-align:left;padding:.8rem;border-bottom:.5px solid var(--border-light);cursor:pointer;white-space:nowrap}.ue-table td{padding:.78rem .8rem;border-bottom:.5px solid rgba(201,168,76,.09);font-size:.82rem;color:var(--text-secondary);vertical-align:middle}.ue-table.compact td{padding:.5rem .75rem}.ue-table tbody tr{transition:.16s ease;cursor:pointer}.ue-table tbody tr:hover,.ue-table tbody tr.selected{background:linear-gradient(90deg,rgba(201,168,76,.08),rgba(255,255,255,.35))}.ue-name-cell{display:flex;align-items:center;gap:.6rem}.ue-name-cell b{display:block;color:var(--text-primary);font-size:.84rem}.ue-name-cell small{display:block;color:var(--text-muted);font-size:.7rem}.ue-status{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .58rem;border-radius:999px;font-size:.68rem;font-weight:800;border:.5px solid}.ue-status.active{color:#187a49;background:rgba(30,158,98,.1);border-color:rgba(30,158,98,.18)}.ue-status.pending{color:#a06a00;background:rgba(232,151,58,.12);border-color:rgba(232,151,58,.2)}.ue-status.inactive,.ue-status.blocked{color:#8f4545;background:rgba(200,80,80,.09);border-color:rgba(200,80,80,.18)}.ue-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem;overflow:auto;padding:.1rem;flex:1}.ue-record-card{padding:1rem;cursor:pointer;transition:.22s}.ue-record-card:hover,.ue-record-card.selected{transform:translateY(-3px);border-color:rgba(201,168,76,.32);box-shadow:0 24px 55px rgba(70,45,10,.09)}.ue-record-top{display:flex;justify-content:space-between;align-items:flex-start}.ue-record-card h3{margin:.8rem 0 .15rem;font-size:1rem;color:var(--text-primary)}.ue-record-card p{margin:0;color:var(--text-muted);font-size:.8rem}.ue-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.95rem 0}.ue-card-metrics span{padding:.58rem;background:rgba(255,255,255,.55);border-radius:14px}.ue-card-metrics b{display:block;color:var(--text-primary)}.ue-card-metrics small{display:block;color:var(--text-muted);font-size:.68rem}.ue-record-actions{display:flex;gap:.45rem}.ue-pagination{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.78rem;flex-shrink:0}.ue-preview{position:relative;padding:1rem;overflow:auto}.ue-preview-close{position:absolute;top:.75rem;right:.75rem}.ue-preview-head{display:flex;align-items:center;gap:.8rem;padding-right:2rem}.avatar-xl{width:64px;height:64px;border-radius:22px;font-weight:800;font-size:1.2rem}.ue-preview h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.ue-preview p{margin:.15rem 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.55}.ue-score-ring{position:relative;width:132px;height:132px;margin:1rem auto;text-align:center}.ue-score-ring svg{width:132px;height:132px;transform:rotate(-90deg)}.ue-score-ring circle{fill:none;stroke-width:8;stroke:rgba(201,168,76,.12)}.ue-score-ring circle:nth-child(2){stroke:var(--accent-primary);stroke-dasharray:232;stroke-linecap:round;transition:.35s}.ue-score-ring strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:var(--text-primary)}.ue-score-ring small{position:absolute;left:0;right:0;bottom:25px;color:var(--text-muted);font-size:.68rem}.ue-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.ue-info-list{display:grid;gap:.45rem;margin-bottom:1rem}.ue-info-list div{display:flex;justify-content:space-between;gap:.8rem;padding:.58rem .65rem;border-radius:14px;background:rgba(255,255,255,.55)}.ue-info-list span{color:var(--text-muted);font-size:.74rem}.ue-info-list b{color:var(--text-primary);font-size:.78rem;text-align:right}.ue-timeline-mini{margin-top:1rem}.ue-timeline-mini>div:not(.t-card){display:flex;gap:.5rem;align-items:center;padding:.45rem 0;color:var(--text-secondary);font-size:.78rem}.ue-drawer{position:fixed;inset:0;background:rgba(24,20,14,.28);backdrop-filter:blur(14px);z-index:80;display:flex;justify-content:flex-end}.ue-drawer-panel{width:min(620px,96vw);height:100%;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,250,240,.86));box-shadow:-30px 0 80px rgba(30,20,5,.18);padding:1.1rem;overflow:auto}.ue-drawer-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:.5px solid var(--border-light)}.ue-drawer-head h2{margin:0;color:var(--text-primary)}.grid-2 .full{grid-column:1/-1}.ue-drawer-footer{position:sticky;bottom:0;margin:1rem -1.1rem -1.1rem;padding:.9rem 1.1rem;background:rgba(255,255,255,.78);border-top:.5px solid var(--border-light);display:flex;justify-content:flex-end;gap:.6rem;backdrop-filter:blur(16px)}
@keyframes ueSheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media(max-width:1180px){.ue-preset-strip{grid-template-columns:repeat(2,1fr)}.ue-body.view-split{grid-template-columns:1fr}.ue-side-panel,.ue-preview{display:none!important}.ue-hero{flex-direction:column}.ue-hero-actions{justify-content:flex-start}.ue-command-top{flex-wrap:wrap}.ue-control-group{width:100%}}
@media(max-width:760px){.ue-preset-strip{grid-template-columns:1fr}.ue-advanced{grid-template-columns:1fr}.ue-hero-actions,.ue-control-group{flex-direction:column;align-items:stretch}.ue-view-switch{width:max-content}.ue-chip.muted{margin-left:0}.ue-card-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════
   Universal Entity Engine V7 - Premium SaaS Data Workspace
   ═══════════════════════════════════════════════════════════════ */
.entity-engine-v7{height:100%;min-height:0;overflow:hidden;padding:0;color:var(--text-primary)}
.ue7-stage{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px 18px 14px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 60px rgba(30,24,12,.08),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(24px);border-radius:26px;position:relative;overflow:hidden}
.ue7-stage:before{content:"";position:absolute;inset:-120px -120px auto auto;width:360px;height:260px;background:radial-gradient(circle,rgba(201,168,76,.22),transparent 62%);pointer-events:none}.ue7-stage>*{position:relative;z-index:1}
.ue7-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-shrink:0}.ue7-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-primary);font-weight:800;margin-bottom:9px}.ue7-title-row{display:flex;align-items:center;gap:13px}.ue7-mark{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(201,168,76,.22),rgba(128,96,224,.12));border:1px solid rgba(201,168,76,.24);box-shadow:0 12px 26px rgba(201,168,76,.14);color:var(--accent-primary)}.ue7-titleblock h1{font-family:'DM Serif Display',serif;font-size:clamp(27px,3vw,42px);line-height:1;margin:0;color:var(--text-primary);font-weight:400;letter-spacing:-.03em}.ue7-titleblock p{max-width:760px;margin:6px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.45}.ue7-head-actions,.ue7-command-actions,.ue7-gridtools,.ue7-page-buttons,.ue7-page-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ue7-primary,.ue7-ghost,.ue7-tool{height:38px;border:0;border-radius:14px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.ue7-primary{color:white;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 14px 30px rgba(201,168,76,.22)}.ue7-primary:hover,.ue7-tool:hover,.ue7-ghost:hover{transform:translateY(-1px)}.ue7-primary.small,.ue7-ghost.small{height:34px}.ue7-ghost,.ue7-tool{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);color:var(--text-secondary);box-shadow:0 8px 20px rgba(40,32,14,.04)}.ue7-tool.is-ready{background:linear-gradient(135deg,rgba(201,168,76,.18),rgba(128,96,224,.12));color:var(--text-primary);border-color:rgba(201,168,76,.22)}.ue7-tool b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--accent-primary);color:#fff;font-size:11px}.ue7-preset-strip{display:flex;gap:8px;overflow:auto;padding:2px 2px 5px;scrollbar-width:none;flex-shrink:0}.ue7-preset-strip::-webkit-scrollbar{display:none}.ue7-preset-pill{height:38px;white-space:nowrap;border:1px solid rgba(210,195,160,.32);background:rgba(255,255,255,.50);color:var(--text-muted);border-radius:999px;padding:0 13px;display:flex;align-items:center;gap:8px;font:800 12px inherit;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.ue7-preset-pill.active{color:var(--text-primary);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(201,168,76,.16));border-color:rgba(201,168,76,.34);box-shadow:0 10px 28px rgba(201,168,76,.13),inset 0 1px 0 rgba(255,255,255,.9)}.ue7-commandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.ue7-searchbar{height:46px;min-width:260px;flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:18px;background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(40,32,14,.05),inset 0 1px 0 rgba(255,255,255,.95)}.ue7-searchbar input{border:0;outline:0;background:transparent;flex:1;min-width:80px;font-family:inherit;color:var(--text-primary);font-size:14px}.ue7-searchbar kbd{font-size:11px;color:var(--text-label);border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.65);padding:3px 6px;border-radius:7px}.ue7-clear,.ue7-iconbtn{border:0;background:rgba(0,0,0,.04);color:var(--text-muted);border-radius:10px;cursor:pointer;width:28px;height:28px;display:inline-grid;place-items:center}.ue7-segment{height:38px;display:flex;padding:3px;border-radius:15px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.75)}.ue7-segment button{width:34px;border:0;background:transparent;border-radius:12px;color:var(--text-muted);cursor:pointer}.ue7-segment button.active{background:linear-gradient(135deg,rgba(201,168,76,.20),rgba(128,96,224,.12));color:var(--accent-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.ue7-dd{position:relative}.ue7-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;padding:8px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 26px 65px rgba(38,31,15,.16);backdrop-filter:blur(20px);z-index:80}.ue7-menu.wide{min-width:250px}.ue7-menu button{width:100%;height:36px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 10px;font:700 13px inherit;color:var(--text-secondary);cursor:pointer;text-align:left}.ue7-menu button:hover{background:rgba(201,168,76,.10);color:var(--text-primary)}.ue7-menu button.danger{color:#b84747}.ue7-menu hr{border:0;border-top:1px solid rgba(0,0,0,.06);margin:6px 4px}.ue7-filterbar{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(170px,1fr) auto auto;gap:8px;padding:9px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.60),rgba(255,255,255,.36));border:1px solid rgba(255,255,255,.72);flex-shrink:0}.ue7-filterbar select,.ue7-date-input,.ue7-page-left select,.ue7-print-options select{height:34px;border-radius:12px;border:1px solid rgba(200,185,145,.28);background:rgba(255,255,255,.65);padding:0 11px;font-family:inherit;color:var(--text-secondary);outline:0}.ue7-statusline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.ue7-chips{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}.ue7-chip{height:30px;border-radius:999px;border:1px solid rgba(210,195,160,.30);background:rgba(255,255,255,.45);color:var(--text-muted);padding:0 10px;font:800 12px inherit;cursor:pointer;white-space:nowrap}.ue7-chip.active{color:var(--accent-primary);background:rgba(201,168,76,.13);border-color:rgba(201,168,76,.25)}.ue7-mini-metrics{display:flex;gap:8px;flex-shrink:0}.ue7-mini-metrics span{font-size:12px;color:var(--text-muted);padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.64)}.ue7-content{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}.ue7-content.preview-collapsed{grid-template-columns:minmax(0,1fr) 42px}.ue7-data-area{min-width:0;min-height:0;display:flex;flex-direction:column;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.76);border-radius:22px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.ue7-gridtop{height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;border-bottom:1px solid rgba(210,195,160,.23);flex-shrink:0}.ue7-gridtop strong{display:block;font-size:14px;color:var(--text-primary)}.ue7-gridtop span{font-size:12px;color:var(--text-muted)}.ue7-ghost.mini{height:30px;border-radius:11px;font-size:12px;padding:0 10px}.ue7-table-shell{min-height:0;overflow:auto;flex:1}.ue7-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.ue7-table thead th{position:sticky;top:0;z-index:2;height:42px;text-align:left;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);color:var(--text-label);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;border-bottom:1px solid rgba(210,195,160,.25);padding:0 12px;cursor:pointer;white-space:nowrap}.ue7-table thead th i{opacity:.4;margin-left:5px}.ue7-table td{height:56px;padding:0 12px;border-bottom:1px solid rgba(210,195,160,.16);color:var(--text-secondary);vertical-align:middle}.ue7-table.compact td{height:44px}.ue7-table tbody tr{transition:background .16s ease,box-shadow .16s ease}.ue7-table tbody tr:hover,.ue7-table tbody tr.selected{background:linear-gradient(90deg,rgba(201,168,76,.10),rgba(255,255,255,.2))}.select-col{width:42px}.action-col{text-align:right;width:78px}.ue7-name-cell{display:flex;align-items:center;gap:10px}.ue7-name-cell b{display:block;color:var(--text-primary);font-size:13px}.ue7-name-cell small{display:block;color:var(--text-label);font-size:11px;margin-top:2px}.ue7-avatar{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;color:#fff;font:900 12px inherit;box-shadow:0 8px 18px rgba(0,0,0,.11)}.ue7-avatar.big{width:54px;height:54px;border-radius:18px;font-size:16px}.ue7-status{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 9px;font:900 11px inherit}.ue7-status.active{color:#16825c;background:rgba(22,130,92,.10)}.ue7-status.pending{color:#b17900;background:rgba(201,168,76,.13)}.ue7-status.inactive,.ue7-status.blocked{color:#9d3f3f;background:rgba(220,80,80,.10)}.ue7-score{display:flex;align-items:center;gap:8px;min-width:95px}.ue7-score i{height:6px;flex:1;min-width:54px;border-radius:999px;background:rgba(0,0,0,.06);overflow:hidden}.ue7-score b{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.ue7-score span{font-size:12px;color:var(--text-muted);font-weight:800}.ue7-card-grid{overflow:auto;flex:1;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}.ue7-record-card{padding:15px;border-radius:19px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(38,31,15,.05);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.ue7-record-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(38,31,15,.09)}.ue7-record-card.selected{outline:1px solid rgba(201,168,76,.35);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(201,168,76,.08))}.ue7-record-top,.ue7-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.ue7-record-card h3{font-size:15px;margin:14px 0 4px;color:var(--text-primary)}.ue7-record-card p{margin:0;color:var(--text-muted);font-size:12px}.ue7-card-meta{margin:13px 0 9px;color:var(--text-secondary);font-size:12px}.ue7-pagination{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid rgba(210,195,160,.22);flex-shrink:0}.ue7-page-left span{font-size:12px;color:var(--text-muted)}.ue7-page-buttons button{height:30px;min-width:30px;border:1px solid rgba(210,195,160,.28);border-radius:10px;background:rgba(255,255,255,.55);color:var(--text-muted);font-weight:800;cursor:pointer}.ue7-page-buttons button.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:transparent}.ue7-page-buttons button:disabled{opacity:.42;cursor:not-allowed}.ue7-preview{position:relative;min-width:0;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.76);border-radius:22px;overflow:hidden;transition:all .26s ease}.ue7-preview.collapsed{background:rgba(255,255,255,.36)}.ue7-preview-toggle{position:absolute;left:8px;top:10px;z-index:4;width:26px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.74);color:var(--text-muted);cursor:pointer}.ue7-preview-inner{height:100%;overflow:auto;padding:18px 16px 16px}.ue7-preview-hero{display:flex;align-items:center;gap:12px;margin:22px 0 12px}.ue7-preview-hero h3{font-family:'DM Serif Display',serif;font-size:24px;font-weight:400;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.ue7-preview-hero p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.ue7-preview-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.ue7-preview-actions button{height:34px;border:0;border-radius:12px;background:rgba(201,168,76,.10);color:var(--accent-primary);font-weight:900;cursor:pointer}.ue7-detail-list{display:grid;gap:7px;margin:12px 0}.ue7-detail-list div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(210,195,160,.18)}.ue7-detail-list span{color:var(--text-label);font-size:12px}.ue7-detail-list b{font-size:12px;color:var(--text-primary)}.ue7-ai-box{display:flex;gap:10px;margin:14px 0;padding:13px;border-radius:18px;background:linear-gradient(135deg,rgba(201,168,76,.13),rgba(128,96,224,.08));border:1px solid rgba(201,168,76,.18);color:var(--text-secondary);font-size:13px;line-height:1.5}.ue7-ai-box i{color:var(--accent-primary);margin-top:2px}.ue7-timeline h4{margin:16px 0 9px;font-size:12px;letter-spacing:.10em;text-transform:uppercase;color:var(--text-label)}.ue7-timeline div{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;padding:8px 0}.ue7-timeline div i{width:7px;height:7px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 0 4px rgba(201,168,76,.12)}.ue7-timeline span{font-size:12px;color:var(--text-secondary)}.ue7-timeline small{font-size:11px;color:var(--text-label)}.ue7-drawer-mask{position:fixed;inset:0;background:rgba(20,14,8,.12);z-index:160}.ue7-side-drawer{position:fixed;right:18px;top:86px;bottom:18px;width:min(390px,calc(100vw - 36px));z-index:170;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(38,31,15,.22);backdrop-filter:blur(24px);display:flex;flex-direction:column;overflow:hidden}.ue7-drawer-head,.ue7-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid rgba(210,195,160,.20)}.ue7-drawer-head strong,.ue7-modal-head strong{font-family:'DM Serif Display',serif;font-size:24px;font-weight:400}.ue7-drawer-head p,.ue7-modal-head p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.ue7-drawer-head button,.ue7-modal-head button{border:0;background:rgba(0,0,0,.04);border-radius:12px;width:32px;height:32px;cursor:pointer;color:var(--text-muted)}.ue7-column-list{padding:10px 18px;display:grid;gap:8px;overflow:auto;flex:1}.ue7-column-list label{height:42px;border-radius:14px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.10);display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:800;color:var(--text-secondary);cursor:pointer}.ue7-drawer-actions,.ue7-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid rgba(210,195,160,.20)}.ue7-modal-mask{position:fixed;inset:0;background:rgba(23,16,9,.28);z-index:180;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.ue7-print-modal{width:min(680px,100%);border-radius:28px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);box-shadow:0 35px 100px rgba(30,24,12,.28);overflow:hidden}.ue7-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}.ue7-template-grid button{min-height:120px;border:1px solid rgba(210,195,160,.24);border-radius:20px;background:rgba(255,255,255,.58);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:14px;text-align:left;cursor:pointer;transition:all .18s}.ue7-template-grid button i{font-size:22px;color:var(--accent-primary)}.ue7-template-grid button b{color:var(--text-primary);font-size:13px}.ue7-template-grid button small{color:var(--text-muted);line-height:1.35}.ue7-template-grid button.active{background:linear-gradient(145deg,rgba(201,168,76,.15),rgba(128,96,224,.08));border-color:rgba(201,168,76,.35);box-shadow:0 16px 35px rgba(201,168,76,.12)}.ue7-print-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px}.ue7-print-options label{display:grid;gap:6px}.ue7-print-options span{font-size:11px;color:var(--text-label);text-transform:uppercase;letter-spacing:.08em;font-weight:900}
@media(max-width:1180px){.ue7-content{grid-template-columns:1fr}.ue7-preview{display:none}.ue7-content.split-mode .ue7-preview{display:block}.ue7-headline,.ue7-commandbar,.ue7-statusline{align-items:stretch;flex-direction:column}.ue7-head-actions,.ue7-command-actions{justify-content:flex-start}.ue7-filterbar{grid-template-columns:1fr 1fr}.ue7-mini-metrics{flex-wrap:wrap}.ue7-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.entity-engine-v7{overflow:auto}.ue7-stage{height:auto;min-height:100%;border-radius:20px;padding:12px}.ue7-title-row{align-items:flex-start}.ue7-head-actions,.ue7-command-actions,.ue7-gridtop,.ue7-pagination{flex-direction:column;align-items:stretch}.ue7-command-actions>*{width:100%}.ue7-tool,.ue7-primary,.ue7-ghost{width:100%;justify-content:center}.ue7-segment{justify-content:center}.ue7-filterbar,.ue7-print-options,.ue7-template-grid{grid-template-columns:1fr}.ue7-table{min-width:860px}.ue7-gridtop{height:auto;padding:12px}.ue7-pagination{height:auto;padding:12px}.ue7-page-buttons{justify-content:center}.ue7-card-grid{grid-template-columns:1fr}.ue7-side-drawer{top:12px;right:12px;bottom:12px}}
/* Business OS v2 — Premium Animations */

@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideDown{from{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideRight{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes slideLeft{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes scaleIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes scaleOut{from{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:0}}
@keyframes slowFloat{0%{transform:translate(0,0) scale(1)}33%{transform:translate(1.5%,2%) scale(1.02)}66%{transform:translate(-.8%,1.2%) scale(1.01)}100%{transform:translate(0,0) scale(1)}}
@keyframes softPulse{0%{box-shadow:0 0 0 0 rgba(201,168,76,.3)}70%{box-shadow:0 0 0 14px rgba(201,168,76,0)}100%{box-shadow:0 0 0 0 rgba(201,168,76,0)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,.2)}50%{box-shadow:0 0 0 8px rgba(201,168,76,.08)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes toastTimer{from{width:100%}to{width:0}}
@keyframes slideToast{from{transform:translateX(50px) scale(.95);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}
@keyframes modalIn{from{transform:scale(.93) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@keyframes dropDown{from{transform:translateY(-8px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes spotlightIn{from{transform:scale(.96) translateY(-12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes goldGlow{0%{box-shadow:0 0 12px rgba(201,168,76,.18)}50%{box-shadow:0 0 26px rgba(201,168,76,.4)}100%{box-shadow:0 0 12px rgba(201,168,76,.18)}}
@keyframes ripple{0%{transform:scale(0);opacity:.45}100%{transform:scale(4);opacity:0}}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes float3d{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-4px) rotateX(2deg)}}
@keyframes borderDance{0%{border-color:rgba(201,168,76,.2)}50%{border-color:rgba(201,168,76,.55)}100%{border-color:rgba(201,168,76,.2)}}
@keyframes iconPop{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes numberRoll{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}

/* ─ Utility classes ─ */
.anim-fade-in{animation:fadeIn .28s ease both}
.anim-slide-up{animation:slideUp .34s ease both}
.anim-slide-down{animation:slideDown .28s ease both}
.anim-scale-in{animation:scaleIn .26s cubic-bezier(.16,1,.3,1) both}
.anim-modal{animation:modalIn .28s cubic-bezier(.16,1,.3,1) both}
.anim-spin{animation:spin 1s linear infinite}
.anim-breathe{animation:breathe 2.6s ease-in-out infinite}
.anim-pulse-gold{animation:goldGlow 2.8s ease-in-out infinite}
.anim-float{animation:float3d 4s ease-in-out infinite}
.anim-border-dance{animation:borderDance 2.5s ease-in-out infinite}
.anim-icon-pop{animation:iconPop .35s ease}

/* Stagger children */
.stagger>*:nth-child(1){animation-delay:.05s}
.stagger>*:nth-child(2){animation-delay:.1s}
.stagger>*:nth-child(3){animation-delay:.15s}
.stagger>*:nth-child(4){animation-delay:.2s}
.stagger>*:nth-child(5){animation-delay:.25s}
.stagger>*:nth-child(6){animation-delay:.3s}
.stagger>*:nth-child(7){animation-delay:.35s}
.stagger>*:nth-child(8){animation-delay:.4s}

/* Hover micro-interactions */
.hover-lift{transition:transform .2s ease,box-shadow .2s ease}
.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.08)}
.hover-glow:hover{box-shadow:0 0 0 3px rgba(201,168,76,.2)}
.hover-scale:hover{transform:scale(1.02)}

/* Loading */
.loading-spinner{width:20px;height:20px;border:2px solid rgba(201,168,76,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}
.loading-spinner-lg{width:38px;height:38px;border-width:3px}

/* Page */
.page-enter{animation:fadeIn .25s ease,slideUp .3s ease}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ── Additional keyframes for premium components ── */
@keyframes dropDown{from{transform:translateY(-8px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes slideToast{from{transform:translateX(50px) scale(.95);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}
@keyframes toastTimer{from{width:100%}to{width:0}}
@keyframes modalIn{from{transform:scale(.93) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@keyframes spotlightIn{from{transform:scale(.96) translateY(-12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes goldGlow{0%{box-shadow:0 0 12px rgba(201,168,76,.18)}50%{box-shadow:0 0 26px rgba(201,168,76,.4)}100%{box-shadow:0 0 12px rgba(201,168,76,.18)}}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes float3d{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-4px) rotateX(2deg)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes softPulse{0%{box-shadow:0 0 0 0 rgba(201,168,76,.35)}70%{box-shadow:0 0 0 12px rgba(201,168,76,0)}100%{box-shadow:0 0 0 0 rgba(201,168,76,0)}}
@keyframes slowFloat{0%{transform:translate(0,0) scale(1)}33%{transform:translate(1.5%,2%) scale(1.02)}66%{transform:translate(-.8%,1.2%) scale(1.01)}100%{transform:translate(0,0) scale(1)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes ringDraw{from{stroke-dashoffset:352}to{stroke-dashoffset:98}}

.anim-pulse-gold{animation:goldGlow 2.8s ease-in-out infinite}
.anim-float{animation:float3d 4s ease-in-out infinite}
.anim-breathe{animation:breathe 2.6s ease-in-out infinite}
.anim-spin{animation:spin 1s linear infinite;display:inline-block}
.anim-scale-in{animation:scaleIn .26s cubic-bezier(.16,1,.3,1) both}
.anim-slide-up{animation:slideUp .34s ease both}
.count-up{animation:countUp .6s ease both}
.page-enter{animation:fadeIn .22s ease,slideUp .28s ease}
.hover-lift{transition:transform .2s ease,box-shadow .2s ease}
.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.08)}
.stagger>*:nth-child(1){animation-delay:.05s}
.stagger>*:nth-child(2){animation-delay:.1s}
.stagger>*:nth-child(3){animation-delay:.15s}
.stagger>*:nth-child(4){animation-delay:.2s}
.stagger>*:nth-child(5){animation-delay:.25s}
.stagger>*:nth-child(6){animation-delay:.3s}
.stagger>*:nth-child(7){animation-delay:.35s}
.stagger>*:nth-child(8){animation-delay:.4s}
.loading-spinner{width:20px;height:20px;border:2px solid rgba(201,168,76,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}

@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes scaleIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

/* ============================================================
   LiveON SSR Integration Patch — b19 final UI restored
   Purpose: preserve foundation while applying approved shell.
   ============================================================ */
body[data-app]{background:var(--bg-base);}
a{text-decoration:none;color:inherit}.app-shell{display:block}.app-body{display:flex}.main-workspace{padding-bottom:0}.module{display:block;min-height:100%}.module.active{display:block}.bg-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(201,168,76,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,black,transparent 76%)}
.header-left{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}.header-right{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;min-width:0}.brand-mini{display:flex;align-items:center;gap:.55rem;min-width:185px}.brand-mini .brand-mark{width:34px;height:34px;background:linear-gradient(135deg,#c9a84c,#a0780a);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(201,168,76,.3);color:#fff}.brand-mini .brand-name{font-family:'DM Serif Display',serif;font-size:1rem;color:var(--text-primary);line-height:1.1}.header-search-btn{height:42px;border:.5px solid var(--border-light);background:rgba(255,252,245,.74);border-radius:18px;display:flex;align-items:center;gap:.6rem;padding:0 .8rem;box-shadow:inset 0 1px rgba(255,255,255,.78),0 10px 28px rgba(50,35,12,.05);font-family:inherit;cursor:pointer;min-width:260px;color:var(--text-muted)}
.global-date-wrap,.dropdown{position:relative;overflow:visible;z-index:4200}.global-date-trigger{height:42px;border:.5px solid var(--border-light);background:rgba(255,252,245,.82);border-radius:16px;display:flex;align-items:center;gap:.55rem;padding:0 .9rem;box-shadow:0 10px 28px rgba(50,35,12,.06);font-weight:700;color:var(--text-secondary);font-family:inherit;cursor:pointer}.global-date-pop,.dropdown-menu{z-index:99999!important;position:absolute;top:calc(100% + 8px);right:0}.global-date-pop{width:620px;max-width:calc(100vw - 24px);background:rgba(255,252,246,.98);border:.5px solid rgba(201,168,76,.22);border-radius:24px;box-shadow:0 30px 80px rgba(38,29,14,.16);padding:14px;display:none}.global-date-pop.open,.dropdown-menu.open{display:block!important}.date-pop-grid{display:grid;grid-template-columns:160px 1fr;gap:12px}.date-quick{display:grid;gap:7px}.date-quick button{height:36px;border:0;border-radius:12px;background:transparent;text-align:left;padding:0 12px;color:var(--text-muted);font-weight:700;font-family:inherit}.date-quick button.active,.date-quick button:hover{background:rgba(201,168,76,.10);color:var(--accent-deep)}.mini-calendar{background:rgba(255,255,255,.56);border:.5px solid var(--border-light);border-radius:18px;padding:12px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-days span,.calendar-days button{height:30px;border:0;border-radius:9px;background:transparent;font-size:.74rem;color:var(--text-muted);font-family:inherit}.calendar-days span{display:grid;place-items:center;text-transform:uppercase;font-weight:800;color:var(--text-label)}.calendar-days button:hover,.calendar-days button.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff}.dropdown-menu{display:none}.dropdown-menu.open{background:rgba(255,252,245,.98);backdrop-filter:blur(24px);border:.5px solid var(--border-light);border-radius:18px;box-shadow:var(--shadow-xl);padding:.35rem;min-width:210px}.dropdown-item{display:flex;align-items:center;gap:.65rem;min-height:38px;border-radius:12px;padding:0 .75rem;font-size:.84rem;color:var(--text-secondary);cursor:pointer}.dropdown-item:hover{background:rgba(201,168,76,.08);color:var(--accent-deep)}.dropdown-sep{height:1px;background:var(--border-light);margin:.3rem}
.sidebar{overflow:visible!important}.sidebar-panel{overflow:hidden!important}.sidebar-scroll{overflow-y:auto!important;overflow-x:hidden!important}.nav-item[href]{text-decoration:none}.nav-item.has-sub{cursor:pointer}.nav-sub{display:none}.nav-node.open>.nav-sub{display:block}.nav-item .nav-chevron{transition:transform .18s}.nav-node.open>.nav-item .nav-chevron{transform:rotate(90deg)}.sidebar.collapsed .nav-sub{display:none!important}.sidebar.collapsed .nav-item.has-sub{pointer-events:auto}.nav-sub .active{color:var(--accent-deep)!important;background:rgba(201,168,76,.10)}
.action-dock{z-index:3000!important}.action-dock a{text-decoration:none}.dock-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));color:#fff;box-shadow:0 12px 24px var(--accent-glow)}
.premium-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1rem;border:.5px solid rgba(201,168,76,.18);border-radius:28px;background:linear-gradient(135deg,rgba(255,252,246,.78),rgba(248,244,234,.52));box-shadow:0 22px 60px rgba(58,42,18,.065),inset 0 1px 0 rgba(255,255,255,.82);padding:1.1rem;overflow:hidden;position:relative;margin-bottom:1.1rem}.premium-dashboard-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 6%,rgba(140,100,255,.10),transparent 34%),radial-gradient(circle at 85% 72%,rgba(201,168,76,.13),transparent 36%);pointer-events:none}.hero-glass-copy,.hero-progress-panel{position:relative;z-index:1}.hero-glass-copy{padding:1rem}.hero-kicker{display:inline-flex;align-items:center;gap:.4rem;border:.5px solid rgba(30,158,98,.18);border-radius:99px;padding:.38rem .8rem;color:#087948;background:rgba(30,158,98,.06);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero-glass-copy h2{font-size:2.15rem;line-height:1.05;letter-spacing:-.05em;margin:.9rem 0 .45rem}.hero-glass-copy p{color:var(--text-muted);max-width:650px;font-size:.95rem}.hero-action-pills{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.hero-action-pills a,.hero-action-pills button{height:38px;border:.5px solid rgba(201,168,76,.18);background:rgba(255,255,255,.62);border-radius:14px;padding:0 .85rem;font-weight:800;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font-family:inherit}.hero-action-pills a:first-child,.hero-action-pills button:first-child{background:linear-gradient(135deg,#1e9e62,#2fba79);color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(30,158,98,.18)}.hero-progress-panel{border:.5px solid var(--border-light);background:rgba(255,252,245,.72);border-radius:24px;padding:1rem;display:grid;place-items:center;text-align:center}.hero-date{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.hero-ring{position:relative;width:150px;height:150px;display:grid;place-items:center}.hero-ring svg{position:absolute;inset:0}.hero-ring circle{fill:none;stroke-width:14}.ring-track{stroke:rgba(201,168,76,.13)}.ring-fill{stroke:url(#ringGrad);stroke-linecap:round;stroke-dasharray:352;stroke-dashoffset:100;transform-origin:center}.hero-ring strong{display:block;font-size:1.9rem}.hero-ring span{font-size:.74rem;color:var(--text-muted);font-weight:700}.hero-mini-metrics{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.hero-mini-metrics span{border:.5px solid var(--border-light);background:rgba(255,255,255,.62);border-radius:99px;padding:.28rem .6rem;font-size:.72rem;color:#1e9e62;font-weight:800}.card-sparkline{height:34px;display:flex;align-items:end;gap:3px}.progress-ring-track{fill:none;stroke:rgba(201,168,76,.14);stroke-width:4}.progress-ring-fill{fill:none;stroke-width:4;stroke-linecap:round}.progress-bar{height:5px;background:rgba(201,168,76,.14);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.75rem}.w-full{width:100%}
.card{background:rgba(255,251,242,.70);border:.5px solid var(--border-light);border-radius:22px;box-shadow:0 12px 36px rgba(50,34,12,.055);padding:1rem}.card-xl{border-radius:26px;padding:1.15rem}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.activity-item{display:grid;grid-template-columns:34px 1fr auto;gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:.5px solid rgba(201,168,76,.10)}.activity-item:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:12px;background:rgba(30,158,98,.10);display:grid;place-items:center;color:#1e9e62}.quick-action-list{display:grid;gap:.55rem}.quick-action{height:38px;border-radius:13px;background:rgba(201,168,76,.08);display:flex;align-items:center;gap:.55rem;padding:0 .8rem;color:#1e9e62;font-weight:800}.chart-bars{height:82px;display:flex;align-items:end;gap:8px}.chart-bars span{flex:1;border-radius:6px 6px 0 0;background:rgba(201,168,76,.18)}
/* Entity page static fallback */.entity-title-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;margin-bottom:16px}.entity-title-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#26ae70,#8264d8);color:#fff;box-shadow:0 16px 32px rgba(76,82,160,.18)}.preset-strip{display:flex;gap:10px;overflow-x:auto;margin-bottom:16px}.preset-strip button{min-width:170px;border:1px solid var(--border-light);background:rgba(255,255,255,.67);border-radius:15px;padding:10px 12px;display:grid;grid-template-columns:28px 1fr;text-align:left;column-gap:8px;font-family:inherit}.preset-strip button i{grid-row:1/3;width:28px;height:28px;border-radius:10px;background:rgba(38,174,112,.10);color:#15945f;display:grid;place-items:center}.preset-strip button b{font-size:12px}.preset-strip button small{font-size:10px;color:var(--text-muted)}.preset-strip button.active{box-shadow:inset 0 0 0 1px rgba(200,161,62,.22);background:#fffaf1}.entity-command{border-radius:22px;padding:12px;margin-bottom:14px}.entity-command label{height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid var(--border-light)}.entity-command input{border:0;outline:0;background:transparent;width:100%;font-family:inherit}.entity-counters{display:flex;gap:10px;justify-content:flex-end;margin-top:-44px}.entity-counters span{min-width:100px;border:1px solid var(--border-light);border-radius:14px;background:rgba(255,255,255,.65);padding:8px 12px;font-weight:900}.entity-counters b{display:block;font-size:10px;text-transform:uppercase;color:#9b8b75;letter-spacing:.14em}.filter-chips{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.filter-chips button{border:1px solid var(--border-light);background:#fff8ec;border-radius:99px;padding:8px 12px;color:#8d7b66;font-weight:800;font-family:inherit}.entity-layout-v7{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px}.entity-table-card{border-radius:22px;overflow:hidden}.table-caption{padding:14px 18px;font-weight:900;color:#8e7a5e;border-bottom:1px solid var(--border-light)}.entity-table{width:100%;border-collapse:separate;border-spacing:0}.entity-table th,.entity-table td{padding:14px 16px;border-bottom:1px solid rgba(116,86,44,.10);text-align:left;white-space:nowrap}.entity-table th{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#a28f78;background:rgba(255,250,242,.86)}.record-cell{display:flex;align-items:center;gap:12px}.record-cell>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent-primary),#8264d8);font-weight:900}.record-cell b{display:block}.record-cell small{display:block;color:var(--text-muted)}.status-pill{font-style:normal;border-radius:99px;background:rgba(38,174,112,.11);color:#138655;padding:6px 10px;font-weight:900;font-size:12px}.score-line{display:inline-flex;width:48px;height:5px;border-radius:99px;background:#ece3d2;overflow:hidden;vertical-align:middle;margin-right:8px}.score-line i{display:block;background:linear-gradient(90deg,#25a86b,#8264d8)}.row-action{width:34px;height:34px;border-radius:12px;border:1px solid var(--border-light);background:#fffaf1;color:#7b6b58}.entity-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;color:var(--text-muted)}.entity-footer button{width:31px;height:31px;border-radius:10px;border:1px solid var(--border-light);background:#fffaf1}.entity-footer button.active{color:#15945f;background:rgba(38,174,112,.1)}.entity-preview{border-radius:22px;padding:18px;position:sticky;top:0;max-height:calc(100vh - 122px);overflow:auto}.collapse-btn{width:34px;height:34px;border:0;border-radius:12px;background:#fff8ec}.preview-avatar{width:62px;height:62px;border-radius:18px;margin-top:12px;background:linear-gradient(135deg,var(--accent-primary),#8264d8);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}.relationship-card{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.62);border:1px solid var(--border-light);border-radius:18px;margin:18px 0;padding:15px}.small-ring{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#26ae70 0 92%,#eadfce 92%);box-shadow:inset 0 0 0 9px #fff}.preview-actions{display:flex;gap:8px;margin-bottom:16px}.entity-preview dl{display:grid;grid-template-columns:1fr auto;margin:0}.entity-preview dt,.entity-preview dd{padding:12px 0;border-bottom:1px solid rgba(116,86,44,.11)}.entity-preview dt{text-transform:uppercase;letter-spacing:.12em;color:#a49278;font-size:11px;font-weight:900}.entity-preview dd{margin:0;font-weight:850}.placeholder-module{border-radius:26px;min-height:420px;display:grid;place-items:center;text-align:center;padding:40px}.placeholder-module h1{font-size:36px;margin:0}.placeholder-module p{color:var(--text-muted);max-width:540px}.placeholder-grid{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.placeholder-grid span{border:1px solid var(--border-light);border-radius:99px;padding:10px 14px;background:rgba(255,255,255,.55)}
/* login */.bos-login-page{min-height:100vh;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 8% 10%,rgba(130,100,216,.12),transparent 28%),radial-gradient(circle at 88% 85%,rgba(200,161,62,.13),transparent 30%),var(--bg-base);overflow:auto}.login-orb{position:fixed;border-radius:50%;filter:blur(85px);pointer-events:none}.orb-a{width:420px;height:420px;background:rgba(130,100,216,.15);left:-80px;top:-100px}.orb-b{width:360px;height:360px;background:rgba(200,161,62,.13);right:-60px;bottom:-100px}.bos-login-card{width:min(980px,94vw);display:grid;grid-template-columns:1.15fr .85fr;border-radius:30px;overflow:hidden;background:#fffaf1;border:1px solid var(--border-light);box-shadow:var(--shadow-xl)}.bos-login-story{padding:42px;background:linear-gradient(150deg,#1d1005,#4a2b0f 54%,#8a6118);color:#fff}.story-brand{display:flex;gap:12px;align-items:center}.story-brand span,.login-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-light));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 16px 34px rgba(200,161,62,.25)}.story-brand b{display:block}.story-brand small{font-size:10px;text-transform:uppercase;letter-spacing:.18em;opacity:.7}.bos-login-story h1{font-family:'DM Serif Display',serif;font-size:48px;line-height:1.05;margin:74px 0 18px}.bos-login-story p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.75);max-width:450px}.story-chips{display:flex;gap:10px;margin-top:20px}.story-chips span{border-radius:99px;background:rgba(255,255,255,.16);padding:12px 16px;font-weight:900}.bos-login-form{padding:38px;background:rgba(255,250,242,.88)}.bos-login-form h2{font-size:31px;letter-spacing:-.04em;margin:24px 0 10px}.bos-login-form p{color:var(--text-muted);margin:0 0 18px}.bos-login-form label{display:block;margin-bottom:16px}.bos-login-form label span{display:block;text-transform:uppercase;letter-spacing:.14em;color:#8c7b68;font-size:11px;font-weight:900;margin-bottom:7px}.bos-login-form input{width:100%;height:48px;border-radius:15px;border:1px solid var(--border-light);background:#fff;padding:0 15px;font-weight:700;outline:0}.bos-login-form input:focus{border-color:rgba(200,161,62,.48);box-shadow:0 0 0 4px rgba(200,161,62,.13)}.bos-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;border:0;border-radius:14px;padding:0 1rem;font-weight:850;font-family:inherit;background:linear-gradient(135deg,#1e9e62,#2fba79);color:#fff;box-shadow:0 14px 30px rgba(30,158,98,.18);cursor:pointer}.bos-login-form .bos-primary{width:100%;margin:6px 0 16px}.login-demo,.login-alert{border-radius:15px;text-align:center;padding:13px;background:rgba(200,161,62,.08);border:1px solid rgba(200,161,62,.16);color:var(--text-muted);font-size:13px}.login-alert{background:#fff1f2;color:#be123c;border-color:#fecdd3;margin-bottom:12px;font-weight:800}
@media(max-width:1180px){.premium-dashboard-hero,.entity-layout-v7{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header-search-btn{min-width:0}.brand-mini{min-width:0}.brand-mini>div:last-child,.global-date-wrap,.header-right .dropdown:nth-of-type(n+2){display:none}.workspace-inner{padding:.85rem .85rem 6rem!important}.dash-stats{grid-template-columns:1fr}.entity-counters{margin-top:12px;justify-content:flex-start}.entity-table-card{overflow:auto}.entity-table{min-width:900px}.bos-login-card{grid-template-columns:1fr}.bos-login-story{display:none}.entity-title-row{grid-template-columns:50px 1fr}.entity-title-actions{grid-column:1/-1}.action-dock{display:none}}


/* ======================================================================
   LIVEON BUSINESS OS — UI FREEZE PATCH v20
   Stable shell polish: premium topbar, sidebar, workspace, dock and pages.
   This final section intentionally overrides legacy prototype rules above.
   ====================================================================== */
:root{
  --liveon-green:#159a63;
  --liveon-green-2:#32ba7c;
  --liveon-green-deep:#0d7449;
  --liveon-gold:#c8a03a;
  --liveon-ivory:#f8f5ee;
  --liveon-glass:rgba(255,253,248,.82);
  --liveon-hairline:rgba(129,101,54,.13);
  --liveon-shadow:0 18px 55px rgba(48,35,14,.075);
  --sidebar-width:278px;
  --header-height:60px;
}
html{background:var(--liveon-ivory)}
body{background:linear-gradient(135deg,#f7f4ed 0%,#f8f7f2 52%,#f2f7f3 100%);font-size:14px}
a{color:inherit;text-decoration:none}
.bg-atmosphere{opacity:.88}
.bg-grid{opacity:.16}

/* Shell */
.app-shell,.app-body{width:100%;height:100dvh;min-height:100dvh}
.app-header{
  height:var(--header-height)!important;
  padding:0 14px!important;
  gap:12px!important;
  overflow:visible!important;
  isolation:isolate;
  background:linear-gradient(115deg,rgba(255,254,250,.94),rgba(252,248,238,.88) 63%,rgba(245,250,247,.9))!important;
  border-bottom:1px solid rgba(160,129,72,.13)!important;
  box-shadow:0 10px 34px rgba(47,35,16,.055),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(28px) saturate(1.18)!important;
}
.app-body{padding-top:var(--header-height)!important}
.header-left{gap:10px!important}
.header-left>.btn-icon-lg{width:38px!important;height:38px!important;border-radius:13px!important;background:rgba(255,255,255,.58)!important}
.brand-mini{min-width:175px!important;gap:9px!important}
.brand-mini .brand-mark{width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(145deg,#d5b34e,#9e7413)!important;box-shadow:0 10px 22px rgba(164,118,18,.22),inset 0 1px rgba(255,255,255,.45)!important}
.brand-mini .brand-name{font-family:'DM Serif Display',Georgia,serif!important;font-size:1.03rem!important;letter-spacing:-.015em}
.brand-mini .t-label{font-size:.55rem!important;letter-spacing:.16em!important;color:#8c806f!important}
.header-right{gap:7px!important;justify-content:flex-end!important}
.header-search-btn{
  flex:1 1 460px!important;max-width:560px!important;min-width:260px!important;height:40px!important;
  border-radius:15px!important;padding:0 11px!important;
  background:rgba(255,255,255,.61)!important;border:1px solid rgba(142,112,62,.12)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 22px rgba(58,42,17,.035)!important;
}
.header-search-btn:hover{background:rgba(255,255,255,.88)!important;border-color:rgba(21,154,99,.23)!important;box-shadow:0 0 0 3px rgba(21,154,99,.07),0 12px 26px rgba(58,42,17,.05)!important}
.header-search-copy{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#938574;font-size:.82rem}
.header-search-key{font:700 .66rem/1 Inter,sans-serif;color:#8c7c67;background:rgba(200,160,58,.09);padding:5px 7px;border-radius:8px;border:1px solid rgba(160,123,50,.11);box-shadow:inset 0 1px rgba(255,255,255,.7)}
.global-date-trigger{height:40px!important;border-radius:15px!important;padding:0 13px!important;background:rgba(255,252,245,.73)!important;font-size:.79rem!important;box-shadow:0 8px 22px rgba(50,35,12,.035)!important}
.app-header .btn-icon{width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.54);border:1px solid rgba(142,112,62,.11)}
.header-badge{background:var(--liveon-green)!important;color:#fff!important;border-color:#fff!important}
.user-menu-trigger{height:42px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.52);border:1px solid rgba(142,112,62,.10);cursor:pointer;padding:4px 9px 4px 5px;border-radius:15px;font-family:inherit;transition:.18s ease}
.user-menu-trigger:hover{background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(50,35,12,.05)}
.user-menu-trigger .avatar{background:linear-gradient(145deg,var(--liveon-green),var(--liveon-green-2))!important;box-shadow:0 8px 18px rgba(21,154,99,.18)}
.user-menu-copy{text-align:left;min-width:0}.user-menu-name{font-size:.79rem;font-weight:760;color:var(--text-primary);white-space:nowrap;line-height:1.15}.user-menu-role{font-size:.62rem;color:var(--text-muted);white-space:nowrap}.user-menu-chevron{font-size:.6rem;color:var(--text-muted);margin-left:1px}

/* Dropdown layer safety */
.app-header,.header-right,.global-date-wrap,.dropdown{overflow:visible!important}
.global-date-pop,.dropdown-menu{z-index:2147483000!important;transform:translateZ(0)}
.dropdown-menu.open,.global-date-pop.open{animation:liveonDrop .18s cubic-bezier(.16,1,.3,1) both}
@keyframes liveonDrop{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}

/* Sidebar */
.sidebar{
  width:var(--sidebar-width)!important;top:var(--header-height)!important;
  background:linear-gradient(180deg,rgba(253,252,248,.91),rgba(247,244,237,.82) 58%,rgba(247,246,242,.89))!important;
  border-right:1px solid rgba(139,109,57,.12)!important;
  box-shadow:16px 0 48px rgba(47,35,16,.06),inset -1px 0 rgba(255,255,255,.74)!important;
  backdrop-filter:blur(30px) saturate(1.13)!important;
}
.sidebar::before{background:radial-gradient(circle at 18% 0%,rgba(103,81,220,.055),transparent 34%),radial-gradient(circle at 80% 55%,rgba(21,154,99,.055),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.5),transparent 28%)!important}
.sidebar-panel{padding-top:3px!important}
.sidebar-topline{height:38px;padding:7px 11px 2px!important}
.sidebar-collapse{width:31px!important;height:31px!important;border-radius:11px!important;background:rgba(255,255,255,.48)!important}
.sidebar-scroll{padding:2px 10px 90px!important;overflow-y:auto!important}
.nav-group{padding:2px 0 10px!important}
.sidebar-section-label{padding:10px 8px 6px!important;font-size:.57rem!important;letter-spacing:.17em!important;color:#9b8e7d!important}
.nav-item{min-height:42px!important;margin:3px 0!important;border-radius:15px!important;padding:5px 8px!important;gap:9px!important;color:#5a5146!important}
.nav-item:hover{transform:translateX(2px)!important;background:rgba(255,255,255,.58)!important;border-color:rgba(21,154,99,.09)!important}
.nav-item.active{background:linear-gradient(125deg,rgba(255,255,255,.92),rgba(245,252,248,.72),rgba(250,246,232,.62))!important;border:1px solid rgba(21,154,99,.15)!important;color:var(--liveon-green-deep)!important;box-shadow:0 13px 30px rgba(46,37,18,.055),0 0 24px rgba(21,154,99,.055),inset 0 1px rgba(255,255,255,.9)!important}
.nav-item.active::before{left:-6px!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:3px;background:linear-gradient(180deg,var(--liveon-green),#57c892)!important;box-shadow:0 0 15px rgba(21,154,99,.28)!important}
.nav-icon{width:29px!important;height:29px!important;border-radius:11px!important;font-size:.78rem!important;background:rgba(255,255,255,.5)!important}
.nav-item.active .nav-icon{background:linear-gradient(145deg,var(--liveon-green),var(--liveon-green-2))!important;color:#fff!important;box-shadow:0 9px 19px rgba(21,154,99,.2)!important}
.nav-label{font-size:.79rem!important;font-weight:680!important}
.nav-badge{background:linear-gradient(135deg,#d6b34c,#b4881f)!important;color:#fff!important;min-width:19px!important;height:19px!important}
.nav-sub{margin:1px 0 4px 14px!important;padding-left:15px!important}
.nav-sub::before{background:linear-gradient(180deg,rgba(21,154,99,.23),rgba(201,168,76,.12),transparent)!important}
.nav-sub-item{min-height:32px!important;padding:5px 7px!important;font-size:.73rem!important;border-radius:10px!important}
.nav-sub-item.active{color:var(--liveon-green-deep)!important;background:rgba(21,154,99,.055)!important}
.sidebar.collapsed{width:72px!important}.main-workspace{margin-left:var(--sidebar-width)!important}.main-workspace.collapsed{margin-left:72px!important}

/* Workspace */
.main-workspace{height:calc(100dvh - var(--header-height))!important;overflow:auto!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(238,248,243,.13) 54%,rgba(250,242,224,.10))!important;contain:none!important}
.workspace-inner{padding:16px 20px 92px!important;max-width:1800px;width:100%;margin:0 auto!important}
.page-header{align-items:center!important;margin:0 0 14px!important;min-height:58px}
.page-title{font-size:1.55rem!important;letter-spacing:-.035em!important;font-weight:790!important}.page-subtitle{font-size:.78rem!important;margin-top:2px!important}.t-label{font-size:.6rem}
.btn{min-height:36px;border-radius:13px!important;font-size:.78rem!important;font-weight:700!important;padding:.48rem .9rem!important}
.btn-primary,.hero-action-pills a:first-child,.bos-primary{background:linear-gradient(145deg,var(--liveon-green),var(--liveon-green-2))!important;box-shadow:0 13px 27px rgba(21,154,99,.17)!important}
.btn-primary:hover{box-shadow:0 16px 32px rgba(21,154,99,.22)!important}

/* Dashboard */
.premium-dashboard-hero{grid-template-columns:minmax(0,1fr) 280px!important;min-height:232px!important;padding:13px!important;margin-bottom:14px!important;border-radius:25px!important;background:linear-gradient(130deg,rgba(255,253,248,.79),rgba(250,248,242,.56) 52%,rgba(238,248,243,.58))!important;box-shadow:var(--liveon-shadow),inset 0 1px rgba(255,255,255,.9)!important}
.premium-dashboard-hero::before{background:radial-gradient(circle at 14% 8%,rgba(121,91,221,.085),transparent 35%),radial-gradient(circle at 88% 75%,rgba(21,154,99,.09),transparent 34%),radial-gradient(circle at 72% 8%,rgba(201,168,76,.08),transparent 27%)!important}
.hero-glass-copy{padding:13px!important;display:flex;flex-direction:column;justify-content:center}.hero-kicker{width:max-content;padding:6px 12px!important;font-size:.61rem!important;border-color:rgba(21,154,99,.17)!important}.hero-glass-copy h2{font-size:2rem!important;margin:13px 0 6px!important}.hero-glass-copy p{font-size:.86rem!important}.hero-action-pills{margin-top:13px!important}.hero-action-pills a{height:36px!important;border-radius:13px!important;font-size:.76rem!important}
.hero-progress-panel{border-radius:21px!important;padding:10px!important;background:rgba(255,253,248,.62)!important}.hero-date{font-size:.7rem!important}.hero-ring{width:132px!important;height:132px!important}.hero-ring circle{stroke-width:13!important}.hero-ring .ring-fill{stroke:var(--liveon-green)!important}.hero-ring strong{font-size:1.75rem!important}.hero-ring span{font-size:.65rem!important}.hero-mini-metrics span{font-size:.63rem!important;color:var(--liveon-green-deep)!important;background:rgba(255,255,255,.7)!important}
.dash-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important;align-items:stretch!important}
.card-graph-card{min-width:0!important;min-height:155px!important;padding:14px!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(255,253,248,.78),rgba(250,248,242,.62))!important;border:1px solid var(--liveon-hairline)!important;box-shadow:0 14px 38px rgba(48,35,14,.055),inset 0 1px rgba(255,255,255,.88)!important}
.card-graph-card::after{width:110px!important;height:110px!important;opacity:.7}.card-graph-card .icon-lg{width:39px!important;height:39px!important;border-radius:13px!important;font-size:1rem!important}.card-graph-card>div[style*="font-size:2.4rem"]{font-size:2.05rem!important}.card-sparkline{height:27px!important}.mini-bar{min-width:3px}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:14px;align-items:start}.dashboard-lower-grid>.card{min-height:220px}.dashboard-lower-grid>aside{display:grid;gap:14px!important}.card,.card-xl{border:1px solid var(--liveon-hairline)!important;background:linear-gradient(145deg,rgba(255,253,248,.78),rgba(250,248,242,.62))!important;box-shadow:0 14px 40px rgba(48,35,14,.05),inset 0 1px rgba(255,255,255,.88)!important}.card-xl{padding:15px!important;border-radius:22px!important}.section-title-row h3,.card-xl>h3{font-size:.96rem!important}.activity-item{padding:9px 0!important}.activity-icon{background:rgba(21,154,99,.095)!important;color:var(--liveon-green)!important}.quick-action{color:var(--liveon-green-deep)!important;background:linear-gradient(90deg,rgba(21,154,99,.07),rgba(201,168,76,.055))!important}

/* Entity workspace */
.entity-title-row{margin-bottom:12px!important}.entity-title-mark{background:linear-gradient(145deg,var(--liveon-green),#7862d5)!important;box-shadow:0 14px 30px rgba(70,79,154,.17)!important}.entity-title-row h1{font-size:1.47rem!important;letter-spacing:-.035em}.entity-title-row p{font-size:.76rem!important}.preset-strip{gap:8px!important;margin-bottom:12px!important;padding-bottom:2px}.preset-strip button{min-width:164px!important;padding:8px 10px!important;border-radius:14px!important}.preset-strip button.active{border-color:rgba(21,154,99,.15)!important;box-shadow:0 10px 24px rgba(48,35,14,.045),inset 0 0 0 1px rgba(21,154,99,.08)!important}.entity-command{padding:10px!important;margin-bottom:12px!important;border-radius:20px!important}.entity-command label{height:42px!important}.entity-counters span{min-width:92px!important;padding:7px 11px!important}.filter-chips{margin-top:12px!important}.filter-chips button{padding:7px 11px!important;font-size:.72rem!important}.entity-layout-v7{grid-template-columns:minmax(0,1fr) 340px!important;gap:14px!important;align-items:start}.entity-table-card{border-radius:21px!important;min-width:0}.entity-table th,.entity-table td{padding:12px 14px!important}.entity-table th{font-size:.6rem!important}.entity-table td{font-size:.78rem!important}.entity-preview{top:0!important;max-height:calc(100dvh - var(--header-height) - 96px)!important;border-radius:21px!important;padding:16px!important;box-shadow:0 18px 48px rgba(48,35,14,.06),inset 0 1px rgba(255,255,255,.9)!important}.preview-avatar{background:linear-gradient(145deg,#d0aa42,#8064d4)!important}.relationship-card{padding:13px!important;margin:14px 0!important}.preview-actions .btn-primary{background:linear-gradient(145deg,var(--liveon-green),var(--liveon-green-2))!important}.small-ring{background:conic-gradient(var(--liveon-green) 0 92%,#eadfce 92%)!important}.score-line i{background:linear-gradient(90deg,var(--liveon-green),#8064d4)!important}

/* Center command dock */
.action-dock{
  left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%)!important;
  min-height:52px!important;gap:4px!important;padding:6px 7px!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,254,250,.92),rgba(250,245,232,.84))!important;
  border:1px solid rgba(139,109,57,.16)!important;
  box-shadow:0 22px 58px rgba(45,33,14,.16),inset 0 1px rgba(255,255,255,.95)!important;
  backdrop-filter:blur(30px) saturate(1.22)!important;
}
.dock-btn{position:relative;width:38px!important;height:38px!important;border-radius:13px!important;color:#817361!important;background:transparent!important;border:0!important}
.dock-btn:hover{background:rgba(255,255,255,.75)!important;color:var(--liveon-green-deep)!important;transform:translateY(-2px)!important}.dock-btn.active{background:linear-gradient(145deg,var(--liveon-green),var(--liveon-green-2))!important;color:#fff!important;box-shadow:0 11px 24px rgba(21,154,99,.23)!important}.dock-utility{color:#968774!important}.dock-separator{width:1px;height:24px;background:linear-gradient(180deg,transparent,rgba(139,109,57,.18),transparent);margin:0 2px}.dock-btn[data-dock-label]::after{content:attr(data-dock-label);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,5px);background:#28231d;color:#fff;font-size:.63rem;font-weight:700;padding:5px 8px;border-radius:8px;opacity:0;pointer-events:none;white-space:nowrap;transition:.16s ease}.dock-btn[data-dock-label]:hover::after{opacity:1;transform:translate(-50%,0)}

/* Responsive */
@media(max-width:1280px){
  :root{--sidebar-width:250px}
  .brand-mini{min-width:160px!important}.header-search-btn{flex-basis:330px!important}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-lower-grid{grid-template-columns:minmax(0,1fr) 280px}.entity-layout-v7{grid-template-columns:minmax(0,1fr) 310px!important}
}
@media(max-width:1040px){
  .sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main-workspace,.main-workspace.collapsed{margin-left:0!important}.global-date-wrap{display:none!important}.user-menu-copy{display:none}.brand-mini{min-width:auto!important}.premium-dashboard-hero{grid-template-columns:1fr!important}.hero-progress-panel{grid-template-columns:auto 132px auto;justify-content:space-between}.dashboard-lower-grid{grid-template-columns:1fr}.entity-layout-v7{grid-template-columns:1fr!important}.entity-preview{position:relative;max-height:none!important}
}
@media(max-width:720px){
  .app-header{padding:0 8px!important}.brand-mini>div:last-child{display:none}.header-search-key,.app-header .global-date-wrap,.header-right>.dropdown:not(:last-child),.header-right>.btn-icon{display:none!important}.header-search-btn{min-width:0!important;flex-basis:auto!important}.workspace-inner{padding:12px 10px 78px!important}.page-header{align-items:flex-start!important}.premium-dashboard-hero{min-height:auto!important}.hero-progress-panel{display:none!important}.hero-glass-copy h2{font-size:1.65rem!important}.dash-stats{grid-template-columns:1fr!important}.entity-counters{margin-top:10px!important;justify-content:flex-start!important;overflow:auto}.entity-table-card{overflow:auto!important}.entity-table{min-width:860px}.action-dock{display:flex!important;bottom:10px!important}.dock-btn{width:36px!important;height:36px!important}.sidebar{width:min(290px,88vw)!important}
}

/* ========================================================================== 
   Universal Entity Engine v1 — production business layer
   ========================================================================== */
.entity-engine-page { position: relative; }
.entity-title-actions { display:flex; gap:.55rem; flex-wrap:wrap; justify-content:flex-end; align-items:center; margin-left:auto; }
.bos-alert { display:flex; align-items:center; gap:.75rem; padding:.85rem 1rem; border-radius:16px; margin-bottom:1rem; font-size:.86rem; font-weight:650; box-shadow:0 14px 40px rgba(73,54,20,.08); }
.bos-alert-success { color:#087449; background:linear-gradient(135deg,rgba(226,248,236,.96),rgba(250,255,251,.92)); border:1px solid rgba(31,170,103,.2); }
.bos-alert-error { color:#9d3f33; background:linear-gradient(135deg,rgba(255,239,235,.98),rgba(255,250,248,.94)); border:1px solid rgba(203,82,64,.18); }
.bos-alert > i { font-size:1.05rem; }
.bos-alert div { display:grid; gap:.1rem; }
.bos-alert span { font-weight:550; }

.bos-action-menu { position:relative; z-index:1500; }
.bos-action-menu summary { list-style:none; cursor:pointer; }
.bos-action-menu summary::-webkit-details-marker { display:none; }
.bos-action-menu[open] summary { border-color:rgba(190,146,35,.38); box-shadow:0 12px 30px rgba(105,78,18,.12); }
.bos-filter-popover { position:absolute; right:0; top:calc(100% + .55rem); width:min(340px,calc(100vw - 40px)); display:grid; gap:.7rem; padding:1rem; border:1px solid rgba(185,151,74,.22); border-radius:20px; background:rgba(255,253,247,.98); box-shadow:0 28px 90px rgba(60,46,20,.2); backdrop-filter:blur(28px); z-index:2147483000; }
.bos-filter-popover label { display:grid; gap:.35rem; color:var(--text-muted); font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.bos-filter-popover input,.bos-filter-popover select { min-height:42px; border:1px solid rgba(162,136,83,.2); border-radius:12px; padding:.6rem .72rem; background:#fffdfa; color:var(--text-primary); font:inherit; text-transform:none; letter-spacing:0; }
.bos-filter-popover .bos-check { display:flex; grid-template-columns:auto 1fr; align-items:center; gap:.5rem; text-transform:none; letter-spacing:0; }
.bos-filter-popover .bos-check input { min-height:auto; width:auto; }
.bos-filter-actions { display:flex; justify-content:flex-end; gap:.45rem; padding-top:.25rem; }

.preset-strip a { min-width:0; flex:1; display:grid; grid-template-columns:32px 1fr; grid-template-rows:auto auto; column-gap:.6rem; align-items:center; padding:.65rem .75rem; border:1px solid rgba(159,133,83,.16); border-radius:14px; background:rgba(255,253,248,.72); text-decoration:none; color:var(--text-primary); transition:.2s ease; }
.preset-strip a > i { grid-row:1/3; display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:var(--status-active); background:rgba(35,174,105,.1); }
.preset-strip a b { font-size:.78rem; line-height:1.1; }
.preset-strip a small { font-size:.62rem; color:var(--text-muted); line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.preset-strip a:hover,.preset-strip a.active { transform:translateY(-1px); background:rgba(255,252,244,.97); border-color:rgba(184,145,48,.28); box-shadow:0 12px 28px rgba(74,56,19,.08); }

.entity-search-form { position:relative; min-width:0; flex:1; }
.entity-search-form label { width:100%; }
.entity-search-submit { position:absolute; right:.42rem; top:50%; transform:translateY(-50%); width:34px; height:34px; border:0; border-radius:10px; background:linear-gradient(135deg,var(--accent-primary),var(--accent-light)); color:white; cursor:pointer; box-shadow:0 8px 18px rgba(176,133,26,.18); }
.filter-chips a { display:inline-flex; align-items:center; gap:.35rem; min-height:30px; padding:.35rem .7rem; border:1px solid rgba(162,135,78,.16); border-radius:999px; background:rgba(255,252,246,.7); color:var(--text-muted); text-decoration:none; font-size:.72rem; font-weight:750; }
.filter-chips a:hover,.filter-chips a.active { color:#76580e; background:rgba(238,211,137,.22); border-color:rgba(190,146,35,.28); }
.entity-table-scroll { overflow:auto; }
.table-caption { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.table-caption small { color:var(--text-muted); font-weight:600; }
.entity-table tr.is-selected td { background:linear-gradient(90deg,rgba(235,213,151,.17),rgba(238,228,255,.09)); }
.entity-table .record-cell { text-decoration:none; color:inherit; }
.entity-type-label { display:block; font-weight:720; color:var(--text-primary); }
.entity-table td > small { display:block; margin-top:.12rem; color:var(--text-muted); font-size:.66rem; }
.score-wrap { display:flex; align-items:center; gap:.45rem; }
.score-wrap .score-line { min-width:48px; }
.score-wrap b { font-size:.74rem; }
.row-actions { display:flex; gap:.28rem; }
.row-action { display:grid; place-items:center; text-decoration:none; }
.status-pending { color:#a96513!important; background:rgba(238,160,66,.13)!important; }
.status-inactive { color:#756e65!important; background:rgba(114,107,97,.1)!important; }
.pagination a,.pagination span { display:grid; place-items:center; min-width:28px; height:28px; border:1px solid rgba(166,138,78,.16); border-radius:9px; color:var(--text-muted); text-decoration:none; background:rgba(255,253,248,.75); font-size:.72rem; font-weight:750; }
.pagination a:hover,.pagination span.active { color:#6c510e; background:rgba(226,197,118,.24); }
.pagination .disabled { opacity:.38; pointer-events:none; }
.entity-layout-v7.without-preview { grid-template-columns:minmax(0,1fr); }
.bos-empty-state { display:grid; place-items:center; gap:.55rem; min-height:290px; padding:2rem; color:var(--text-muted); text-align:center; }
.bos-empty-state > i { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; color:var(--accent-primary); background:linear-gradient(135deg,rgba(233,208,139,.24),rgba(225,214,250,.22)); font-size:1.3rem; }
.bos-empty-state h3,.bos-empty-state p { margin:0; }

.preview-topline { display:flex; align-items:center; justify-content:space-between; margin-bottom:.7rem; }
.preview-live { display:inline-flex; align-items:center; gap:.35rem; color:var(--text-muted); font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.preview-live i { width:7px; height:7px; border-radius:50%; background:var(--status-active); box-shadow:0 0 0 4px rgba(33,174,105,.1); }
.preview-tags { display:flex; flex-wrap:wrap; gap:.35rem; padding:.75rem 0; }
.preview-tags span { padding:.25rem .5rem; border-radius:999px; background:rgba(225,203,143,.18); color:#7b611d; font-size:.64rem; font-weight:750; }
.preview-notes { margin:.65rem 0; padding:.75rem; border-radius:14px; background:rgba(255,252,246,.62); border:1px solid rgba(164,137,79,.12); }
.preview-notes b,.preview-section-title { font-size:.69rem; text-transform:uppercase; letter-spacing:.08em; color:var(--text-label); }
.preview-notes p { margin:.35rem 0 0; color:var(--text-muted); font-size:.74rem; line-height:1.5; }
.preview-timeline { display:grid; gap:.48rem; margin-top:.7rem; }
.timeline-row { display:grid; grid-template-columns:20px 1fr; gap:.5rem; align-items:start; padding:.45rem 0; border-bottom:1px solid rgba(150,126,79,.1); }
.timeline-row > i { color:var(--status-active); margin-top:.12rem; }
.timeline-row b { display:block; font-size:.72rem; }
.timeline-row small { display:block; margin-top:.12rem; color:var(--text-muted); font-size:.63rem; }
.preview-danger-zone { margin-top:1rem; padding-top:.75rem; border-top:1px dashed rgba(175,126,96,.22); }
.btn-danger-soft { color:#a54838!important; background:rgba(218,91,68,.08)!important; border-color:rgba(218,91,68,.18)!important; }

/* Entity create/edit */
.entity-form-header { align-items:flex-end; }
.bos-back-link { display:inline-flex; align-items:center; gap:.4rem; color:var(--text-muted); text-decoration:none; font-size:.75rem; font-weight:700; }
.bos-back-link:hover { color:var(--accent-primary); }
.entity-form-status { display:flex; align-items:center; gap:.65rem; min-width:245px; padding:.75rem .9rem; border-radius:16px; border:1px solid rgba(53,171,111,.16); background:linear-gradient(135deg,rgba(235,250,241,.82),rgba(255,253,248,.86)); }
.entity-form-status > i { color:var(--status-active); font-size:1.2rem; }
.entity-form-status b,.entity-form-status small { display:block; }
.entity-form-status b { font-size:.76rem; }
.entity-form-status small { color:var(--text-muted); font-size:.64rem; margin-top:.12rem; }
.entity-editor { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:1rem; align-items:start; }
.entity-editor-main { display:grid; gap:1rem; min-width:0; }
.entity-editor-aside { position:sticky; top:82px; display:grid; gap:.8rem; }
.editor-card { overflow:visible; }
.editor-section-heading { display:flex; gap:.75rem; align-items:flex-start; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid rgba(159,134,84,.12); }
.editor-section-heading > span { display:grid; place-items:center; flex:0 0 35px; height:35px; border-radius:11px; color:#76590e; background:linear-gradient(135deg,rgba(233,205,127,.28),rgba(255,252,245,.8)); border:1px solid rgba(183,142,39,.16); font-weight:850; font-size:.72rem; }
.editor-section-heading h3,.editor-section-heading p { margin:0; }
.editor-section-heading h3 { font-size:1rem; }
.editor-section-heading p { margin-top:.2rem; color:var(--text-muted); font-size:.72rem; }
.kind-selector { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin-bottom:1rem; }
.kind-option { position:relative; display:grid; grid-template-columns:42px 1fr; gap:.7rem; align-items:center; padding:.85rem; border:1px solid rgba(156,131,80,.15); border-radius:17px; background:rgba(255,253,249,.58); cursor:pointer; transition:.2s ease; }
.kind-option input { position:absolute; opacity:0; pointer-events:none; }
.kind-option > i { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:var(--accent-primary); background:rgba(224,195,116,.16); }
.kind-option b,.kind-option small { display:block; }
.kind-option b { font-size:.8rem; }
.kind-option small { margin-top:.15rem; color:var(--text-muted); font-size:.64rem; line-height:1.35; }
.kind-option.active { border-color:rgba(45,171,105,.3); background:linear-gradient(135deg,rgba(234,250,241,.72),rgba(255,253,248,.8)); box-shadow:0 12px 28px rgba(42,131,84,.08); }
.kind-option.active > i { color:white; background:linear-gradient(135deg,#28aa6a,#3cc482); }
.form-grid { display:grid; gap:.8rem; }
.form-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.form-span-2 { grid-column:span 2; }
.form-field { display:grid; align-content:start; gap:.38rem; min-width:0; color:var(--text-muted); font-size:.68rem; font-weight:750; }
.form-field > span { color:var(--text-label); text-transform:uppercase; letter-spacing:.055em; }
.form-field input,.form-field select,.form-field textarea { width:100%; min-height:44px; border:1px solid rgba(156,130,78,.18); border-radius:13px; padding:.65rem .75rem; background:rgba(255,254,251,.9); color:var(--text-primary); font:inherit; font-size:.78rem; outline:none; transition:.18s ease; box-sizing:border-box; }
.form-field textarea { min-height:120px; resize:vertical; line-height:1.5; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:rgba(37,171,103,.44); box-shadow:0 0 0 4px rgba(37,171,103,.08); background:#fff; }
.form-field > small { font-size:.61rem; font-weight:500; color:var(--text-muted); }
.form-field .field-error { color:#b44937; font-weight:700; min-height:.65rem; }
.range-field { display:grid; grid-template-columns:1fr 54px; align-items:center; gap:.7rem; min-height:44px; padding:0 .7rem; border:1px solid rgba(156,130,78,.18); border-radius:13px; background:rgba(255,254,251,.9); }
.range-field input { min-height:auto; padding:0; border:0; box-shadow:none; background:transparent; accent-color:var(--status-active); }
.range-field output { color:var(--status-active); font-weight:850; text-align:right; }
.input-prefix { display:grid; grid-template-columns:38px 1fr; align-items:center; border:1px solid rgba(156,130,78,.18); border-radius:13px; background:rgba(255,254,251,.9); overflow:hidden; }
.input-prefix > span { display:grid; place-items:center; height:100%; color:#8b6c1b; background:rgba(226,199,123,.16); }
.input-prefix input { border:0; border-radius:0; }
.editor-summary-card { text-align:center; }
.editor-preview-icon { display:grid; place-items:center; width:62px; height:62px; margin:0 auto .75rem; border-radius:20px; color:white; background:linear-gradient(135deg,var(--accent-primary),#9172d7); box-shadow:0 16px 35px rgba(134,99,26,.2); font-size:1.35rem; }
.editor-summary-card h3,.editor-summary-card p { margin:0; }
.editor-summary-card p { margin-top:.25rem; color:var(--text-muted); font-size:.7rem; }
.editor-summary-card ul { display:grid; gap:.55rem; margin:1rem 0 0; padding:1rem 0 0; border-top:1px solid rgba(159,134,84,.12); list-style:none; text-align:left; }
.editor-summary-card li { display:flex; align-items:center; gap:.5rem; color:var(--text-muted); font-size:.7rem; }
.editor-summary-card li i { color:var(--status-active); }
.editor-sticky-actions { display:flex; gap:.55rem; justify-content:flex-end; padding:.75rem; border:1px solid rgba(169,139,78,.18); border-radius:17px; background:rgba(255,253,247,.9); box-shadow:0 18px 50px rgba(67,49,17,.1); backdrop-filter:blur(20px); }

/* Dynamic dashboard */
.dashboard-header-actions,.metric-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; }
a.card-graph-card { color:inherit; text-decoration:none; }
.metric-number { font-size:2.35rem; font-weight:850; color:var(--text-primary); letter-spacing:-.045em; line-height:1; }
.metric-green { color:var(--status-active); }
.metric-pending { color:var(--status-pending); }
.metric-accent { color:var(--accent-primary); }
.metric-caption { margin-top:.5rem; color:var(--text-muted); font-size:.69rem; line-height:1.35; }
.metric-caption i { color:var(--status-pending); margin-right:.25rem; }
.icon-pending { background:rgba(232,151,58,.12)!important; color:var(--status-pending)!important; }
.progress-ring-svg { width:44px; height:44px; }
.progress-ring-svg svg { transform:rotate(-90deg); }
.dashboard-aside { display:grid; gap:1rem; }
.dashboard-empty { min-height:170px; display:grid; grid-template-columns:44px 1fr auto; gap:.75rem; align-items:center; padding:1rem; border:1px dashed rgba(162,135,78,.2); border-radius:17px; background:rgba(255,253,248,.4); }
.dashboard-empty > i { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:var(--accent-primary); background:rgba(226,200,128,.17); }
.dashboard-empty b,.dashboard-empty span { display:block; }
.dashboard-empty span { margin-top:.15rem; color:var(--text-muted); font-size:.7rem; }
.activity-item { text-decoration:none; color:inherit; }
.activity-arrow { color:var(--text-label); margin-left:auto; }
.chart-bars span { position:relative; min-height:10px; }
.chart-bars span small { position:absolute; left:50%; bottom:-18px; transform:translateX(-50%); color:var(--text-muted); font-size:.55rem; }
.quick-actions-title { margin-bottom:.8rem; }

@media (max-width:1180px) {
  .entity-editor { grid-template-columns:1fr; }
  .entity-editor-aside { position:static; grid-template-columns:1fr auto; }
  .editor-sticky-actions { align-self:end; }
  .form-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .entity-title-actions { justify-content:flex-start; margin-left:0; }
  .bos-filter-popover { right:auto; left:0; }
  .kind-selector,.form-grid-2,.form-grid-3 { grid-template-columns:1fr; }
  .form-span-2 { grid-column:auto; }
  .entity-editor-aside { grid-template-columns:1fr; }
  .entity-form-status { display:none; }
  .dashboard-empty { grid-template-columns:40px 1fr; }
  .dashboard-empty .btn { grid-column:1/3; justify-self:start; }
}

/* LiveON typography unification v2.2 */
:root{--bos-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
html,body,button,input,select,textarea,.app-shell,.main-workspace,.module,.ue-hero h1,.bos-login-story h1,.brand-mini .brand-name{font-family:var(--bos-font)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--bos-font)!important;letter-spacing:-.03em}
.main-workspace{padding:18px 18px 96px!important}.module{max-width:100%;margin:0 auto}.ue-hero h1{font-weight:780!important}


/* LiveON workspace rhythm v2.3 — one consistent page gutter across every module */
:root{--liveon-page-gutter:12px;--liveon-page-bottom:88px}
.main-workspace{padding:var(--liveon-page-gutter) var(--liveon-page-gutter) var(--liveon-page-bottom)!important;box-sizing:border-box!important}
.main-workspace>.module{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
.main-workspace>.module>*{max-width:100%;box-sizing:border-box}
@media(min-width:1500px){:root{--liveon-page-gutter:14px}}
@media(max-width:760px){:root{--liveon-page-gutter:8px;--liveon-page-bottom:76px}}
.brand-mini.liveon-brand{min-width:0!important;gap:8px!important}.brand-mini.liveon-brand img{display:block!important;width:124px!important;max-width:124px!important;height:auto!important;max-height:42px!important;object-fit:contain!important;flex:0 0 auto}.brand-mini.liveon-brand span{padding-left:8px;border-left:1px solid rgba(18,61,92,.14);font-size:12px;font-weight:750;white-space:nowrap}@media(max-width:760px){.brand-mini.liveon-brand img{width:108px!important;max-width:108px!important}.brand-mini.liveon-brand span{display:none!important}}