@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color-scheme:light;--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--color-purple: #7c3aed;--color-purple-mid: #6d28d9;--color-purple-dark: #3b0764;--color-purple-soft: #f3eeff;--color-purple-glow: rgba(124, 58, 237, .18);--color-violet: #8b5cf6;--color-gold: #f59e0b;--color-yellow: #fbbf24;--color-green: #059669;--color-green-soft: #d1fae5;--color-red: #dc2626;--color-red-soft: #fee2e2;--color-bg: #f5f3ff;--color-bg-2: #ede9fe;--color-surface: #ffffff;--color-surface-2: #faf9ff;--color-surface-soft: #f8f7ff;--color-surface-elevated: #ffffff;--color-text: #0f0a1e;--color-text-2: #1e1333;--color-muted: #6b7280;--color-muted-2: #9ca3af;--color-border: #e5e7eb;--color-border-2: #d1d5db;--color-border-purple: rgba(124, 58, 237, .2);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 8px rgba(15, 10, 30, .06), 0 1px 3px rgba(15, 10, 30, .04);--shadow-card: 0 4px 24px rgba(59, 7, 100, .08), 0 2px 8px rgba(59, 7, 100, .04);--shadow-soft: 0 8px 32px rgba(59, 7, 100, .1), 0 2px 8px rgba(59, 7, 100, .05);--shadow-lift: 0 16px 48px rgba(59, 7, 100, .14), 0 4px 16px rgba(59, 7, 100, .08);--shadow-float: 0 24px 64px rgba(59, 7, 100, .18), 0 8px 24px rgba(59, 7, 100, .1);--shadow-glow-purple: 0 0 0 3px rgba(124, 58, 237, .15), 0 8px 24px rgba(124, 58, 237, .22);--shadow-glow-green: 0 0 0 3px rgba(5, 150, 105, .15), 0 8px 24px rgba(5, 150, 105, .2);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .12s var(--ease-in-out);--transition-base: .2s var(--ease-in-out);--transition-smooth: .3s var(--ease-out);background:var(--color-bg);color:var(--color-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{box-shadow:0 0 #05966980}70%{box-shadow:0 0 0 8px #05966900}to{box-shadow:0 0 #05966900}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes meshFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;font-family:var(--font-body);font-size:15px;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;letter-spacing:-.02em}p{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.primary-button:disabled{opacity:.6;cursor:not-allowed}button:not(:disabled):active{transform:scale(.97)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#3b0764e0,#7c3aedb8,#100524eb),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80) center/cover;position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(139,92,246,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(251,191,36,.1) 0%,transparent 50%);pointer-events:none}.auth-panel{position:relative;width:min(500px,100%);background:#fffc!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:var(--radius-2xl);padding:36px;box-shadow:0 2px #fff9 inset,0 32px 80px #0f0a1e52,0 8px 24px #7c3aed26;backdrop-filter:blur(32px)!important;-webkit-backdrop-filter:blur(32px)!important;animation:scaleIn .4s var(--ease-out)}.auth-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:linear-gradient(90deg,var(--color-purple),var(--color-violet),var(--color-purple))}.brand-mark,.brand-row{display:inline-flex;align-items:center;gap:10px}.brand-logo{display:block;height:auto;object-fit:contain}.brand-row .brand-logo{height:44px;width:auto}.auth-panel .brand-mark,.auth-panel .eyebrow{display:flex;justify-content:center;text-align:center}.auth-panel .brand-logo{height:auto;width:min(280px,80%)}.auth-panel input,.auth-panel select{background:#ffffffb8!important;border-color:#e5e7eba6!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-panel input:focus,.auth-panel select:focus{background:#fffffff2!important;border-color:var(--color-purple)!important}.brand-row{font-size:20px;font-weight:800;letter-spacing:-.03em}.eyebrow{margin:0 0 8px;color:var(--color-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.02em}.auth-panel h1{margin:14px auto 0;max-width:24ch;font-size:clamp(28px,4.8vw,40px);line-height:1.1;text-align:center;font-family:var(--font-display);font-weight:800;color:var(--color-text)}.mode-switch,.segmented{display:inline-grid;grid-auto-flow:column;gap:3px;padding:4px;margin:24px auto 18px;background:var(--color-purple-soft);border:1px solid var(--color-border-purple);border-radius:var(--radius-lg)}.mode-switch button,.mode-switch a,.segmented button{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:9px 14px;color:var(--color-muted);background:transparent;border-radius:var(--radius-md);text-decoration:none;text-transform:capitalize;font-weight:600;font-size:14px;transition:all var(--transition-base)}.mode-switch .active,.segmented .active{color:var(--color-purple-dark);background:var(--color-surface);box-shadow:var(--shadow-soft);font-weight:700}.form-grid{display:grid;gap:12px}input,select,textarea{width:100%;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:11px 14px;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-size:14.5px;caret-color:var(--color-purple)!important}input,textarea{cursor:default}textarea{min-height:112px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--color-border-2)}input:focus,select:focus,textarea:focus{border-color:var(--color-purple);box-shadow:0 0 0 4px #7c3aed1f;caret-color:var(--color-purple)!important}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-input-container input{padding-right:42px}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-muted);transition:color var(--transition-fast)}.password-toggle-btn:hover{color:var(--color-purple)}.primary-button,.secondary-button,.danger-button,.ghost-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);padding:0 18px;font-weight:700;font-size:14.5px;transition:box-shadow var(--transition-base),transform var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.primary-button{color:#fff;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-mid));box-shadow:0 2px 8px #7c3aed3d,0 1px #ffffff1f inset}.primary-button:not(:disabled):hover{box-shadow:0 8px 24px #7c3aed5c,0 1px #ffffff1f inset;transform:translateY(-1px)}.secondary-button{color:#1a0a00;background:linear-gradient(135deg,var(--color-gold),var(--color-yellow));box-shadow:0 2px 8px #f59e0b3d}.secondary-button:not(:disabled):hover{box-shadow:0 8px 24px #f59e0b5c;transform:translateY(-1px)}.danger-button{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26263d}.danger-button:not(:disabled):hover{box-shadow:0 8px 24px #dc26265c;transform:translateY(-1px)}.ghost-button{color:var(--color-purple-dark);background:var(--color-purple-soft);border:1px solid var(--color-border-purple)}.ghost-button:not(:disabled):hover{background:var(--color-bg-2);border-color:var(--color-purple);box-shadow:0 4px 12px var(--color-purple-glow)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.success,.error{border-radius:var(--radius-md);padding:12px 16px;font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:10px;animation:slideInDown .25s var(--ease-out)}.success{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.error{color:#7f1d1d;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.auth-panel .success,.auth-panel .error{margin:0 auto 16px;width:100%;box-sizing:border-box;text-align:center;justify-content:center;padding:10px 14px;font-size:13px;line-height:1.4;border-radius:var(--radius-md);box-shadow:0 4px 16px #0000000a}.auth-panel .success{background:#d1fae5b8!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#065f4633!important;color:#045a42!important}.auth-panel .error{background:#fee2e2b8!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#7f1d1d33!important;color:#721616!important}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(251,191,36,.06) 0%,transparent 40%),linear-gradient(180deg,#faf9ff 0%,var(--color-bg) 40%)}@media (min-width: 900px){.app-shell{width:111.111%;min-height:111.111vh;transform:scale(.9);transform-origin:top left}}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 28px;height:60px;background:#fffffff0;border-bottom:1px solid rgba(229,231,235,.8);box-shadow:0 1px #7c3aed0f,0 4px 16px #0f0a1e0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-purple) 0%,var(--color-violet) 50%,var(--color-purple) 100%);background-size:200% auto;animation:shimmer 4s linear infinite}.header-main{min-width:0;display:contents}.app-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;overflow-x:auto}.app-nav button{position:relative;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:1.5px solid transparent;border-radius:var(--radius-md);color:var(--color-muted);background:transparent;font-family:var(--font-body);font-weight:600;font-size:14px;white-space:nowrap;transition:all var(--transition-base)}.app-nav button:not(.active):hover{color:var(--color-purple-dark);background:var(--color-purple-soft);border-color:var(--color-border-purple)}.app-nav button.active{color:#fff;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-mid));border-color:transparent;box-shadow:0 4px 14px #7c3aed52,0 1px #ffffff26 inset;font-weight:700}.nav-badge{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:var(--radius-pill);color:#fff;background:#ef4444;font-size:10.5px;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--color-surface)}.app-nav button.active .nav-badge{color:var(--color-red);background:#fff;box-shadow:0 0 0 2px #ffffff40}.mobile-menu-button{display:none;min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-purple-dark);background:var(--color-surface)}.header-actions{display:flex;align-items:center;gap:10px}.content{min-width:0;width:min(100%,1800px);margin:0 auto;padding:28px 32px;animation:fadeInUp .3s var(--ease-out)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar h1{font-size:clamp(28px,3.4vw,40px);font-family:var(--font-display);font-weight:800;color:var(--color-text);letter-spacing:-.03em}.welcome-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.profile-edit-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-purple-dark);background:var(--color-surface);font-weight:700;font-size:14px;transition:all var(--transition-base)}.profile-edit-button:hover{border-color:var(--color-purple);background:var(--color-purple-soft);box-shadow:0 4px 12px var(--color-purple-glow);transform:translateY(-1px)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);color:var(--color-purple-dark);background:var(--color-purple-soft);border:1px solid var(--color-border-purple);font-weight:700;font-size:13.5px;white-space:nowrap}.workspace-tabs{width:fit-content;display:inline-grid;grid-auto-flow:column;gap:3px;padding:4px;margin:-4px 0 22px;background:var(--color-purple-soft);border:1.5px solid var(--color-border-purple);border-radius:var(--radius-lg)}.workspace-tabs button{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 16px;color:var(--color-muted);background:transparent;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all var(--transition-base)}.workspace-tabs button.active{color:var(--color-purple-dark);background:var(--color-surface);box-shadow:var(--shadow-soft);font-weight:700}.workspace-tabs button:not(.active):hover{color:var(--color-purple-dark);background:#ffffff80}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.panel{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,var(--color-purple),var(--color-violet));opacity:0;transition:opacity var(--transition-base)}.panel:hover:before{opacity:1}.wide-panel{margin-top:18px}.timer-panel{overflow:hidden;background:radial-gradient(ellipse at 80% 0%,rgba(139,92,246,.3) 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(59,7,100,.5) 0%,transparent 60%),linear-gradient(135deg,#1e0a3c,#2d1060 40%,#1a0933);background-size:200% 200%;animation:meshFlow 10s ease infinite;color:#f0ebff;border-color:#8b5cf666;box-shadow:0 8px 32px #3b076459,0 2px 8px #3b076433}.timer-panel:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);opacity:1}.timer-panel:after{content:"";position:absolute;bottom:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.panel-title,.section-head,.action-row,.date-row{display:flex;align-items:center;gap:12px}.panel-title{margin-bottom:18px;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em}.section-head{justify-content:space-between;margin-bottom:16px}.timer-display{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(240,235,255,.14)}.timer-display strong{font-size:20px;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.live-timer{display:grid;gap:6px;padding:16px 0 4px;border-top:1px solid rgba(240,235,255,.14)}.live-timer span{color:#f0ebffa6;font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.live-timer strong{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:38px;font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.action-row{flex-wrap:wrap;margin-top:18px;gap:10px}.metric{margin:0;font-size:40px;font-family:var(--font-display);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hours-chart{height:152px;margin-top:18px}.location-visual{display:flex;align-items:center;gap:14px;margin:10px 0 12px}.location-visual strong{display:block;font-size:24px;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:1}.location-visual span{color:var(--color-muted);font-size:14px}.donut-row{display:flex;align-items:center;gap:20px}.donut-row>div:last-child{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px}.donut-row strong{font-size:21px;font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.02em}.donut-row span{color:var(--color-muted);font-size:13.5px;white-space:nowrap}.muted{color:var(--color-muted)}.location-note{margin:14px 0 0;color:var(--color-green);font-weight:700;font-size:14px;line-height:1.5}.coordinate-grid{display:grid;gap:8px;margin-top:16px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border)}.coordinate-grid div{display:flex;align-items:center;justify-content:space-between;gap:12px}.coordinate-grid span{color:var(--color-muted);font-size:13px}.coordinate-grid strong{font-variant-numeric:tabular-nums;font-size:13px;text-align:right}.table-wrap{overflow-x:auto}.user-detail-report .work-heatmap,.user-detail-report .chart-area,.user-detail-report .table-wrap{max-width:100%}.work-heatmap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin:24px 0 20px;padding:18px;border:1px solid rgba(209,250,229,.6);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f0fdf4,#f7faf8);overflow-x:auto}.heatmap-month-spacer{width:36px}.heatmap-months{display:grid;gap:4px;min-width:max-content;overflow:hidden;color:#6b7280;font-size:11.5px;font-weight:600}.heatmap-months span{min-width:0;overflow:hidden;white-space:nowrap}.heatmap-weekdays{display:grid;grid-template-rows:repeat(7,14px);gap:4px;color:#6b7280;font-size:11px;font-weight:500}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,14px);gap:4px;padding-bottom:4px}.heatmap-cell{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.04);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}button.heatmap-cell{padding:0}.heatmap-cell:hover{transform:scale(1.3);z-index:1}.heatmap-cell.clickable{cursor:pointer;box-shadow:0 0 0 2px #f59e0b59}.heatmap-cell.empty{border-color:transparent;background:transparent}.heatmap-legend{grid-column:2;display:inline-flex;justify-content:flex-end;align-items:center;gap:5px;color:#6b7280;font-size:11.5px;font-weight:500}.heatmap-status-legend{grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;color:#6b7280;font-size:11.5px;font-weight:500}.heatmap-status-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.heatmap-status-legend i{width:14px;height:14px;display:inline-block;border:1px solid rgba(0,0,0,.06);border-radius:3px}.legend-auto-ended{background:#f59e0b}.legend-rejected{background:#ef4444}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--color-border)}th{color:var(--color-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--color-surface-soft);border-bottom:2px solid var(--color-border)}th:first-child{border-radius:var(--radius-md) 0 0 0}th:last-child{border-radius:0 var(--radius-md) 0 0}tr:hover td{background:#7c3aed08}tr:last-child td{border-bottom:none}.work-row.incomplete{background:linear-gradient(90deg,rgba(52,211,153,calc(var(--work-intensity) * .14)),transparent 72%)}.work-row.completed{background:#10b98117}.work-row.running{background:#0ea5e912}.work-row.overtime{background:#10b98129}.work-row.auto-ended{cursor:pointer;background:#f59e0b1a}.work-row.auto-ended:hover{background:#f59e0b26}.work-row.rejected{background:#ef444412}.work-status{display:inline-flex;align-items:center;justify-content:center;width:108px;min-height:28px;padding:5px 10px;border-radius:var(--radius-pill);background:#f1f5f9;color:#64748b;font-size:11.5px;font-weight:700;line-height:1;text-align:center;white-space:nowrap;letter-spacing:.01em}.work-status.incomplete{color:#065f46;background:#d1fae5}.work-status.completed{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 6px #0596694d}.work-status.running{color:#0c4a6e;background:#bae6fd}.work-status.overtime{color:#052e16;background:linear-gradient(135deg,#6ee7b7,#34d399);box-shadow:0 2px 6px #34d3994d}.work-status.auto-ended{color:#78350f;background:#fde68a}.work-status.rejected{color:#7f1d1d;background:#fecaca}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.stack-list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);transition:all var(--transition-base)}.list-item:hover{border-color:var(--color-border-purple);background:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rich-item>div:first-child,.item-actions{display:grid;gap:5px}.item-actions{justify-items:end}.list-item span,.empty-state{color:var(--color-muted)}.request-message{max-width:820px;margin:8px 0 0;color:var(--color-text);line-height:1.5;font-size:14px}.request-date-range{display:block;margin-top:4px;color:var(--color-purple);font-size:12.5px;font-weight:700}.empty-state{margin:0;line-height:1.6;font-size:14px}.empty-state-card{min-height:96px;display:flex;align-items:center;gap:16px;padding:20px;border:1.5px dashed var(--color-border-purple);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f3eeffb3,#fff);color:var(--color-muted);animation:fadeIn .25s var(--ease-out)}.empty-state-card>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius-md);color:var(--color-purple);background:var(--color-purple-soft);box-shadow:0 2px 8px var(--color-purple-glow)}.empty-state-card strong{display:block;color:var(--color-text);font-weight:700;font-size:15px}.empty-state-card p{margin:4px 0 0;font-size:13.5px;line-height:1.5}.admin-workspace{display:grid;gap:20px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.quiet-count{color:var(--color-muted);font-weight:700}.review-list{max-height:440px;overflow:auto;padding-right:4px;display:grid;gap:10px}.alert-feed{max-height:320px;display:grid;gap:10px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#ddd6fe transparent}.alert-feed::-webkit-scrollbar,.review-list::-webkit-scrollbar{width:5px}.alert-feed::-webkit-scrollbar-thumb,.review-list::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:var(--radius-pill)}.alert-feed::-webkit-scrollbar-thumb:hover,.review-list::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.alert-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-2);transition:all var(--transition-base)}.alert-item:hover{border-color:var(--color-border-purple);background:var(--color-surface);box-shadow:var(--shadow-sm)}.alert-item div{display:grid;gap:5px;min-width:0}.alert-item span{color:var(--color-muted);font-size:13.5px}.request-status-pill{flex:0 0 auto;align-self:flex-start;min-width:86px;padding:5px 10px;border-radius:var(--radius-pill);color:var(--color-purple-dark);background:var(--color-purple-soft);font-size:11.5px;font-weight:700;line-height:1.2;text-align:center}.request-status-approved{color:#065f46;background:#d1fae5}.request-status-rejected{color:#7f1d1d;background:#fee2e2}.alert-count{align-self:start;min-width:34px;padding:4px 8px;border-radius:var(--radius-pill);color:var(--color-purple-dark);background:var(--color-purple-soft);font-weight:800;font-size:13px;text-align:center}.office-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.office-settings-grid label{display:grid;gap:7px;color:var(--color-muted);font-weight:700;font-size:13px}.office-settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.team-status-panel{margin-top:0}.team-groups{display:grid;gap:24px}.team-group{display:flex;flex-direction:column;gap:14px}.team-group-label{display:flex;align-items:center;gap:10px;color:var(--color-purple-dark);font-weight:700;font-family:var(--font-display);font-size:16px;border-bottom:1.5px solid var(--color-border);padding-bottom:10px;margin-top:6px}.team-group-label strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--color-purple-soft);color:var(--color-purple-dark);font-size:12.5px;font-weight:700}.people-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.person-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:left;transition:all var(--transition-smooth)}.person-card:disabled{cursor:default;opacity:1}.person-card.clickable{cursor:pointer}.person-card.clickable:hover{border-color:var(--color-purple);box-shadow:var(--shadow-lift),0 4px 20px #7c3aed1a;transform:translateY(-2px)}.person-card.active{border-color:var(--color-green);background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:var(--shadow-glow-green);animation:pulse-ring 2.5s cubic-bezier(.4,0,.6,1) infinite}.person-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px dashed var(--color-border);padding-bottom:8px}.person-card-header .person-name{color:var(--color-text);font-size:15px;font-weight:700;font-family:var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-header .employee-id-pill{padding:2px 8px;border-radius:var(--radius-pill);color:var(--color-purple);background:var(--color-purple-soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.person-card-body{display:flex;flex-direction:column;gap:6px}.person-card-body .meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.person-card-body .meta-label{color:var(--color-muted);font-weight:500}.person-card-body .meta-value{color:var(--color-text);font-weight:600;text-transform:capitalize}.person-card-footer{display:flex;justify-content:center;margin-top:4px}.timer-badge{width:100%;padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-purple-soft);color:var(--color-purple-dark);font-size:11.5px;font-weight:700;border:1px solid var(--color-border-purple);text-align:center}.person-card.active .timer-badge{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.idle-warning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0f0a1e8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.idle-warning-panel{width:min(420px,100%);display:grid;gap:16px;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-float);animation:modalScaleUp .25s var(--ease-out)}.idle-warning-header{display:flex;align-items:center;gap:12px}.warning-icon{font-size:24px}.idle-warning-panel strong{color:var(--color-text);font-size:19px;font-weight:800;font-family:var(--font-display)}.idle-warning-panel span{color:var(--color-muted);font-size:14px;line-height:1.55}.idle-countdown-display{display:block;padding:14px;text-align:center;border-radius:var(--radius-md);background:var(--color-purple-soft);border:1px solid var(--color-border-purple);color:var(--color-purple-dark);font-size:14px;font-weight:700}.countdown-time{font-size:17px!important;color:var(--color-purple-dark)!important;font-variant-numeric:tabular-nums;font-weight:900;margin-left:4px}.report-content{display:grid;gap:20px;min-width:0}.back-button{width:fit-content}.report-hero{display:grid;grid-template-columns:1fr;align-items:flex-start;gap:20px;min-width:0}.report-hero h1{font-size:clamp(32px,5vw,54px);font-family:var(--font-display);font-weight:900;letter-spacing:-.04em}.report-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.report-meta span{padding:5px 12px;border-radius:var(--radius-pill);color:var(--color-purple-dark);background:var(--color-purple-soft);font-size:12px;font-weight:700;text-transform:capitalize;border:1px solid var(--color-border-purple)}.report-range{margin:0}.report-grid,.report-table-grid{display:grid;grid-template-columns:1fr;gap:18px;min-width:0}.report-grid>*,.report-table-grid>*,.report-content>*{min-width:0}.user-detail-report{display:flex;flex-direction:column}.user-detail-report>*,.user-detail-report .report-grid,.user-detail-report .report-table-grid{width:100%;max-width:100%}@media (min-width: 1100px){.report-hero{grid-template-columns:minmax(0,1fr) auto}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-table-grid{grid-template-columns:1.4fr 1fr}}.profile-lines{display:grid;gap:13px;color:var(--color-muted)}.profile-lines span{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;font-size:14px}.summary-stats{display:grid;gap:12px}.summary-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.summary-stats strong{font-size:28px;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em}.summary-stats span{color:var(--color-muted);font-size:13.5px}.chart-area{height:252px}.user-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.managed-user-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:18px;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.managed-user-card.requires-reset{border-color:#dc26264d;background:linear-gradient(135deg,rgba(254,242,242,.4),var(--color-surface));box-shadow:0 4px 15px -3px #dc26260f}.managed-user-card:hover{border-color:var(--color-border-purple);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.managed-user-card.requires-reset:hover{border-color:var(--color-red);box-shadow:0 6px 20px #dc26261f}.managed-user-header{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px dashed var(--color-border);padding-bottom:8px}.managed-user-header .user-name{color:var(--color-text);font-size:15px;font-weight:700;font-family:var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reset-alert-banner{background:var(--color-red-soft);color:var(--color-red);padding:6px 10px;border-radius:var(--radius-md);font-size:11.5px;font-weight:700;text-align:center;border:1px solid rgba(220,38,38,.2)}.managed-user-body{display:flex;flex-direction:column;gap:6px}.managed-user-body .meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.managed-user-body .meta-label{color:var(--color-muted);font-weight:500}.managed-user-body .meta-value{color:var(--color-text);font-weight:600;text-transform:capitalize}.managed-user-body .email-row{flex-direction:column;align-items:flex-start;gap:2px}.managed-user-body .email-value{width:100%;font-size:11.5px;color:var(--color-muted);word-break:break-all;text-transform:lowercase}.role-badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.02em;white-space:nowrap}.role-badge.admin{background:var(--color-purple-soft);color:var(--color-purple);border:1px solid rgba(124,58,237,.2)}.role-badge.hr{background:var(--color-green-soft);color:var(--color-green);border:1px solid rgba(5,150,105,.2)}.role-badge.employee{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.managed-user-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:6px}.create-user-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.create-user-form button{grid-column:span 2;min-height:48px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:40px 20px;background:#0f0a1e8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.modal-panel{position:relative;width:min(560px,100%);margin:auto 0;padding:32px;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-float);box-sizing:border-box;animation:modalScaleUp .25s var(--ease-out)}.modal-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:linear-gradient(90deg,var(--color-purple),var(--color-violet),var(--color-purple-mid))}.profile-modal{width:min(480px,100%)}.popup-tabs{display:flex;background:var(--color-bg);padding:4px;border-radius:var(--radius-md);margin-bottom:24px;border:1.5px solid var(--color-border);gap:3px}.popup-tab-btn{flex:1;padding:10px 16px;border:none!important;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-base)}.popup-tab-btn:hover{color:var(--color-text);background:#7c3aed0d}.popup-tab-btn.active{color:var(--color-purple-dark)!important;background:var(--color-surface)!important;box-shadow:var(--shadow-soft);font-weight:700}.modal-divider{height:1px;margin:22px 0;background:var(--color-border)}.check-row{display:flex;align-items:center;gap:10px;color:var(--color-text);font-weight:700}.check-row input{width:auto}.work-mode-options{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-mode-options label{min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-text);font-weight:700;cursor:pointer;transition:all var(--transition-base)}.work-mode-options label:hover{border-color:var(--color-purple);background:var(--color-purple-soft)}.work-mode-options label.active-workmode{border-color:var(--color-purple);background:#6366f114;box-shadow:0 0 12px #6366f126}.work-mode-options input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mini-button,.mini-danger-button{min-height:34px;border-radius:var(--radius-md);padding:0 13px;font-size:13px;font-weight:700;transition:all var(--transition-base)}.mini-button{color:#fff;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-mid));box-shadow:0 2px 6px #7c3aed38}.mini-button:not(:disabled):hover{box-shadow:0 6px 16px #7c3aed52;transform:translateY(-1px)}.mini-danger-button{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #dc262638}.mini-danger-button:not(:disabled):hover{box-shadow:0 6px 16px #dc262652;transform:translateY(-1px)}.export-data-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:26px;margin-bottom:22px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:20px}.export-panel-header{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--color-border);padding-bottom:18px}.export-scope-toggle{display:flex;gap:3px;background:var(--color-bg);padding:4px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-purple);align-self:flex-start;margin-top:6px}.export-scope-toggle label{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--color-muted);transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.export-scope-toggle label:hover{color:var(--color-text);background:#7c3aed0d}.export-scope-toggle label.active{color:#fff;background:linear-gradient(135deg,var(--color-purple),var(--color-purple-mid));box-shadow:0 4px 12px #7c3aed40;font-weight:700}.export-scope-toggle input[type=radio]{position:absolute;opacity:0;width:0;height:0}.export-panel-title{display:flex;align-items:center;gap:10px}.export-icon{color:var(--color-purple)}.export-panel-title h3{font-size:18px;font-weight:800;margin:0;color:var(--color-text);font-family:var(--font-display);letter-spacing:-.02em}.export-panel-subtitle{color:var(--color-muted);font-size:14px;margin:0;line-height:1.45}.export-toolbar-nested{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.export-dates{display:flex;align-items:flex-end;gap:16px}.export-dates label{display:grid;gap:6px;min-width:0}.export-dates label span{color:var(--color-muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.export-dates input[type=date]{min-width:150px;height:42px;padding:0 13px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:600;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.export-dates input[type=date]:focus{outline:none;border-color:var(--color-purple);box-shadow:0 0 0 4px #7c3aed1f}.export-dropdown-wrap{position:relative}.export-trigger{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-mid));color:#fff;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px #7c3aed47;transition:all var(--transition-base)}.export-trigger:hover:not(:disabled){box-shadow:0 8px 24px #7c3aed66;transform:translateY(-2px)}.export-trigger:disabled{opacity:.45;cursor:not-allowed}.export-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:210px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-float);animation:dropdownFadeIn .16s var(--ease-out)}.export-dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.export-dropdown button:hover{background:var(--color-purple-soft);color:var(--color-purple-dark)}.scrollable-panel-body{max-height:490px;overflow-y:auto;padding-right:6px}.scrollable-panel-body::-webkit-scrollbar{width:5px}.scrollable-panel-body::-webkit-scrollbar-track{background:transparent}.scrollable-panel-body::-webkit-scrollbar-thumb{background-color:var(--color-border-2);border-radius:var(--radius-pill)}.scrollable-panel-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-purple)}.spin-icon{animation:spin .8s linear infinite}@media (max-width: 980px){.dashboard-grid,.two-column,.admin-grid,.team-group,.office-settings-grid,.create-user-form,.report-grid,.report-table-grid{grid-template-columns:1fr}.work-mode-options,.create-user-form button{grid-column:1 / -1}.user-detail-report,.user-detail-report .report-grid,.user-detail-report .report-table-grid{display:flex;flex-direction:column;gap:14px}.user-detail-report .panel{width:100%;max-width:100%}.user-detail-report .wide-panel{margin-top:0}}@media (max-width: 620px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{font-size:14px}.app-shell{width:100%;min-height:100vh;transform:none}.content,.auth-panel{width:100%;max-width:100%;padding:14px}.app-header{display:grid;grid-template-columns:minmax(82px,1fr) auto auto auto;align-items:center;gap:4px;width:100%;max-width:100%;padding:0 12px;overflow:visible}.topbar,.section-head,.date-row,.report-hero{align-items:stretch;flex-direction:column}.header-main{display:contents}.brand-row{min-width:0;gap:5px;font-size:12px;grid-column:1}.brand-row .brand-logo{height:24px;width:auto}.mobile-menu-button{display:inline-flex;grid-column:2;min-width:34px;min-height:34px;padding:0}.mobile-menu-button[hidden]{display:none}.app-header.no-nav .status-pill{grid-column:2}.app-header.no-nav .ghost-button{grid-column:3}.mobile-menu-button svg{width:20px;height:20px}.app-nav{position:absolute;top:calc(100% + 10px);left:14px;right:14px;display:none;width:auto;padding:12px;border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:#fffffffa;box-shadow:var(--shadow-float);overflow:visible;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-nav button{width:100%;min-height:44px;justify-content:center;padding:0 8px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-purple-dark);background:var(--color-surface);box-shadow:none;overflow:visible;text-align:center;font-size:13px}.nav-badge{min-width:17px;height:17px;padding:0 4px;font-size:10px}.app-nav button.active{color:#fff;border-color:var(--color-purple);background:linear-gradient(135deg,var(--color-purple),var(--color-purple-mid))}.header-actions{display:contents}.status-pill,.primary-button,.secondary-button,.danger-button,.ghost-button,.office-settings-actions{width:100%}.status-pill,.ghost-button{width:auto;min-height:28px;padding:0 8px;font-size:8px;gap:4px}.ghost-button{min-width:68px}.status-pill{min-width:78px;justify-content:center}.status-pill{grid-column:3}.ghost-button{grid-column:4}.status-pill svg,.ghost-button svg{width:10px;height:10px}.topbar{margin-bottom:18px}.topbar h1{font-size:22px;line-height:1.12;overflow-wrap:anywhere}.profile-edit-button{width:fit-content;min-height:34px}.panel{padding:16px;border-radius:var(--radius-lg)}.panel-title{margin-bottom:14px}.timer-display{padding:12px 0}.timer-display strong{max-width:55%;overflow-wrap:anywhere;text-align:right;font-size:17px}.live-timer strong{font-size:30px}.panel-title{font-size:17px}.location-visual strong{font-size:20px}.coordinate-grid div{align-items:flex-start}.coordinate-grid strong{max-width:58%;overflow-wrap:anywhere;word-break:break-word}.report-content{gap:14px}.back-button{width:100%;min-height:40px}.report-hero{min-height:0;gap:12px;justify-content:flex-start}.report-hero h1{font-size:34px;line-height:1.05;overflow-wrap:anywhere}.report-hero .quiet-count{width:fit-content;align-self:flex-start}.report-meta{gap:6px;margin-top:12px}.report-meta span{padding:5px 10px;font-size:11px}.report-table-grid .panel,.wide-panel{min-width:0}.table-wrap{max-width:100%;overflow-x:auto}.segmented,.workspace-tabs{width:100%;grid-auto-flow:row}.work-heatmap{grid-template-columns:1fr}.heatmap-month-spacer,.heatmap-weekdays{display:none}.heatmap-legend,.heatmap-status-legend{grid-column:1;justify-content:flex-start}.metric{font-size:36px}.export-toolbar,.export-toolbar-nested{flex-direction:column;align-items:stretch}.export-dates{flex-direction:column;align-items:stretch;width:100%}.export-dates label,.export-dates input[type=date]{width:100%}.export-trigger{width:100%;justify-content:center}}.list-item.request-card-approved{background:#10b9810a!important;border-color:#10b98140!important;box-shadow:0 4px 20px -5px #10b98114!important}.list-item.request-card-approved:hover{background:#10b98112!important;border-color:#10b98166!important;box-shadow:0 4px 20px -2px #10b98126!important}.list-item.request-card-rejected{background:#ef44440a!important;border-color:#ef444440!important;box-shadow:0 4px 20px -5px #ef444414!important}.list-item.request-card-rejected:hover{background:#ef444412!important;border-color:#ef444466!important;box-shadow:0 4px 20px -2px #ef444426!important}.export-user-selector{border:1.5px solid var(--color-border-purple);border-radius:var(--radius-lg);padding:18px;background:var(--color-bg);display:flex;flex-direction:column;gap:14px;margin-top:6px;box-shadow:var(--shadow-sm)}.export-user-selector .selector-header{display:flex;justify-content:space-between;align-items:center}.export-user-selector .selector-header h4{margin:0;font-size:14px;font-weight:700;color:var(--color-text)}.export-user-selector .selector-actions{display:flex;gap:14px}.export-user-selector .selector-actions .link-button{background:none;border:none;padding:0;color:var(--color-purple);font-weight:700;font-size:12.5px;cursor:pointer;transition:opacity var(--transition-base)}.export-user-selector .selector-actions .link-button:hover{opacity:.8;text-decoration:underline}.export-user-selector .selector-search-input{padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:13.5px;outline:none;transition:all var(--transition-base)}.export-user-selector .selector-search-input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px #7c3aed1a}.export-user-selector .selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:220px;overflow-y:auto;padding-right:6px}.export-user-selector .selector-checkbox-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.export-user-selector .selector-checkbox-card:hover{border-color:var(--color-purple-light);background:#7c3aed08}.export-user-selector .selector-checkbox-card input[type=checkbox]{accent-color:var(--color-purple);width:16px;height:16px;cursor:pointer}.export-user-selector .checkbox-card-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.export-user-selector .checkbox-card-info .card-name{font-size:13px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-user-selector .checkbox-card-info .card-id{font-size:11px;font-weight:500;color:var(--color-muted)}