:root{color-scheme:light;--marine: #0a1f4d;--marine-2: #122a63;--blue: #2b6fe6;--blue-2: #4d8bff;--blue-soft: #e8f0fe;--green: #3db371;--orange: #f39c2a;--ink: #0e1a35;--ink-2: #4b5874;--ink-3: #8a93a8;--line: #e6eaf2;--line-2: #f1f4fa;--paper: #ffffff;--paper-2: #fafbfe;--radius-sm: 10px;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(10, 31, 77, .06), 0 2px 6px rgba(10, 31, 77, .04);--shadow: 0 6px 24px rgba(10, 31, 77, .1), 0 2px 6px rgba(10, 31, 77, .05);--shadow-lg: 0 30px 80px rgba(10, 31, 77, .18), 0 8px 24px rgba(10, 31, 77, .08);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--card-bg: #ffffff;--form-gradient: linear-gradient(135deg, #f4f7fd, #ecf1fa);--carousel-bg: linear-gradient(180deg, #f4f7fd, #ecf1fa);--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #c53030;--success-icon-bg: #ebf8f0;--delete-btn-bg: #fef2f2;--delete-btn-border: #fecaca;--delete-btn-color: #dc2626;--separator-color: #cfd8e8;--badge-admin-bg: #e8effe;--badge-admin-color: #0a1f4d;--badge-manager-bg: #dbeafe;--badge-manager-color: #1d4ed8;--badge-employee-bg: #dcfce7;--badge-employee-color: #15803d}[data-theme=dark]{color-scheme:dark;--marine: #7eb8ff;--marine-2: #aacefd;--blue: #3b82f6;--blue-2: #60a5fa;--blue-soft: #1a2f50;--green: #34d399;--orange: #fb923c;--ink: #e2e8f0;--ink-2: #94a3b8;--ink-3: #64748b;--line: #2d3f5a;--line-2: #182540;--paper: #0f172a;--paper-2: #162035;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .2);--shadow: 0 6px 24px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .35);--card-bg: #162035;--form-gradient: linear-gradient(135deg, #0f172a, #162035);--carousel-bg: linear-gradient(180deg, #0f172a, #162035);--error-bg: rgba(239, 68, 68, .12);--error-border: rgba(239, 68, 68, .3);--error-text: #f87171;--success-icon-bg: rgba(52, 211, 153, .12);--delete-btn-bg: rgba(239, 68, 68, .1);--delete-btn-border: rgba(239, 68, 68, .3);--delete-btn-color: #f87171;--separator-color: var(--line);--badge-admin-bg: rgba(126, 184, 255, .15);--badge-admin-color: #7eb8ff;--badge-manager-bg: rgba(59, 130, 246, .15);--badge-manager-color: #60a5fa;--badge-employee-bg: rgba(52, 211, 153, .15);--badge-employee-color: #34d399}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper)}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:52px}.home-layout{width:100%;height:calc(100vh - 52px);display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;position:relative;background:var(--paper)}.home-left{position:relative;padding:44px 64px;display:flex;flex-direction:column;align-items:center;z-index:1;overflow-y:auto;overflow-x:hidden}.home-right{position:relative;padding:32px 28px;overflow:hidden;border-left:1px solid var(--line)}.logo-lockup{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:28px;filter:drop-shadow(0 16px 36px rgba(10,31,77,.08))}.logo-img{width:min(220px,46%);height:auto;display:block}.logo-wordmark{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,5.5vw,92px);line-height:.95;letter-spacing:-.05em;display:inline-flex;align-items:baseline}@media (max-width: 1024px){.home-left{padding:32px 40px}}@media (max-width: 768px){.home-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 52px)}.home-right{display:none}.home-left{padding:32px 24px}.logo-lockup{gap:20px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;border:1.5px solid transparent;padding:14px 28px;white-space:nowrap;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--marine);color:#fff;box-shadow:0 8px 22px #0a1f4d40}.btn-primary:hover{background:#0d2660;box-shadow:0 10px 28px #0a1f4d52;transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 22px #2b6fe64d}.btn-blue:hover{background:#2563d1;box-shadow:0 10px 28px #2b6fe666;transform:translateY(-1px)}[data-theme=dark] .btn-primary{background:#2563d1;box-shadow:0 8px 22px #2563d159}[data-theme=dark] .btn-primary:hover{background:#1d4ed8;box-shadow:0 10px 28px #2563d173;transform:translateY(-1px)}[data-theme=dark] .btn-blue{background:#2563d1;box-shadow:0 8px 22px #2563d14d}[data-theme=dark] .btn-blue:hover{background:#1d4ed8;box-shadow:0 10px 28px #2563d166;transform:translateY(-1px)}.shot-bar{height:8px;border-radius:4px;background:var(--line-2)}.shot-bar.dark{background:var(--marine);opacity:.9}.dot{width:8px;height:8px;border-radius:99px}.form-page{width:100%;min-height:100dvh;background:var(--form-gradient);display:flex;align-items:center;justify-content:center;padding:24px 16px}.form-card{background:var(--card-bg);border-radius:20px;padding:44px;width:min(460px,100%);box-shadow:0 30px 80px #0a1f4d1f;display:flex;flex-direction:column;gap:24px}.popup-overlay{position:fixed;inset:0;background:#0a1f4d59;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.popup-card{background:var(--card-bg);border-radius:16px;padding:36px 40px;width:min(380px,100%);box-shadow:0 20px 60px #0a1f4d2e;display:flex;flex-direction:column;align-items:center;gap:16px}.form-input{height:44px;border-radius:10px;padding:0 14px;font-family:var(--font-body);font-size:14px;color:var(--ink);outline:none;transition:border-color .18s;background:var(--card-bg);-webkit-appearance:none;appearance:none;width:100%}.form-input::placeholder{color:var(--ink-3)}.cta-row{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:32px}.slogan-ribbon{display:flex;align-items:center;gap:22px;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.05em;color:var(--marine);text-transform:uppercase;width:100%;overflow:hidden}.slogan-bar{width:96px;height:2px;background:var(--blue);border-radius:2px;flex-shrink:1;min-width:20px}.slogan-text{flex:1;text-align:center;overflow:hidden;text-overflow:clip;white-space:nowrap;min-width:0}@media (max-width: 480px){.form-card{padding:28px 20px;border-radius:16px;box-shadow:0 12px 40px #0a1f4d1a}.popup-card{padding:24px 18px}.form-input{height:48px;font-size:16px;border-radius:12px}.cta-row{flex-direction:column;width:100%;margin-top:20px;gap:10px}.cta-row .btn{width:100%;justify-content:center}.cta-row .demo-link{margin-left:0!important}.home-version-tag{display:none}.slogan-bar{width:30px}.slogan-ribbon{gap:10px;font-size:9.5px;letter-spacing:.1em}}