:root{--bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fbff;--text:#172033;--muted:#667085;--line:#e4e9f2;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#059669;--shadow:0 18px 45px rgba(23,32,51,.08);--radius:18px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 34rem),linear-gradient(180deg,#f8fbff 0,var(--bg) 100%);color:var(--text)}a{color:var(--primary);text-decoration:none}@media (hover:hover){a:hover{text-decoration:underline}}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:64px;background:hsla(0,0%,100%,.82);border-bottom:1px solid rgba(228,233,242,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-brand{flex:1 1;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.app-brand:before{content:"";width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#06b6d4);box-shadow:0 10px 24px rgba(37,99,235,.28)}.header-link{color:#344054;font-size:14px;font-weight:600;padding:8px 10px;border-radius:999px}@media (hover:hover){.header-link:hover{background:#eef4ff;text-decoration:none}}.role-badge{font-size:12px;color:#344054;background:#eef4ff;border:1px solid #dbe7ff;padding:6px 10px;border-radius:999px}.page{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:34px 0 56px}.page-narrow{width:min(720px,calc(100% - 40px))}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:var(--primary);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em;line-height:1.15}h1,h2{margin:0}h2{font-size:18px;letter-spacing:-.02em}.lead{color:var(--muted);margin:10px 0 0;line-height:1.7}.card{background:hsla(0,0%,100%,.92);border:1px solid rgba(228,233,242,.95);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.card+.card{margin-top:22px}.toolbar{justify-content:space-between;gap:16px;margin-bottom:18px}.search,.toolbar{display:flex;align-items:center;flex-wrap:wrap}.search{gap:10px}.input,input,select,textarea{border:1px solid #d0d7e2;border-radius:12px;padding:11px 13px;font-size:14px;background:#fff;color:var(--text);outline:none}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:14px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover:hover){.btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);text-decoration:none}}.btn:active{opacity:.7;transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 12px 24px rgba(37,99,235,.24)}.btn-secondary{background:#fff;color:#344054;border-color:#d0d7e2}.btn-danger{background:#fff;color:var(--danger);border-color:#fecaca}.btn-ghost{background:transparent;color:#344054;border-color:#d0d7e2}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff}th{background:#f8fafc;color:#475467;font-size:12px;font-weight:800;text-align:left;padding:13px 14px;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:14px;font-size:14px;border-bottom:1px solid #edf1f7;vertical-align:middle}@media (hover:hover){tbody tr:hover{background:#f8fbff}}tbody tr:active{background:#e8f0fe}.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.status-success{color:var(--success);background:#ecfdf5}.status-muted{color:var(--muted);background:#f2f4f7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field label{display:block;margin:0 0 7px;font-size:12px;color:#475467;font-weight:700}.full{grid-column:1/-1}.notice{background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #bfdbfe;border-radius:18px;padding:20px}.empty{color:var(--muted);padding:28px;text-align:center;background:#f8fafc;border:1px dashed #d0d7e2;border-radius:16px}.back-link{display:inline-flex;align-items:center;margin-bottom:18px;font-size:14px;font-weight:700}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(420px,100%);background:hsla(0,0%,100%,.94);border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 80px rgba(23,32,51,.14);padding:42px}.login-logo{width:54px;height:54px;margin:0 auto 18px;border-radius:18px;background:linear-gradient(135deg,var(--primary),#06b6d4);box-shadow:0 16px 34px rgba(37,99,235,.3)}.error-box{color:#b42318;background:#fff1f0;border:1px solid #ffd2cc;border-radius:12px;padding:10px 12px;font-size:13px;margin:0}@media (max-width:760px){.app-header{padding:0 16px;gap:8px;overflow-x:auto}.page-head{align-items:stretch;flex-direction:column}.form-grid,.form-grid-3{grid-template-columns:1fr}.btn,.search,.search input{width:100%}}.login-hero{position:relative;min-height:100vh;display:grid;place-items:center;padding:32px;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.32),transparent 28rem),radial-gradient(circle at 84% 78%,rgba(99,102,241,.28),transparent 30rem),linear-gradient(135deg,#08111f,#0f1f3a 44%,#132b52)}.login-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 82%)}.login-orb{position:absolute;width:300px;height:300px;border-radius:999px;filter:blur(8px);opacity:.55}.login-orb-one{top:-90px;right:14%;background:radial-gradient(circle,rgba(34,211,238,.7),transparent 66%)}.login-orb-two{bottom:-120px;left:10%;background:radial-gradient(circle,rgba(96,165,250,.8),transparent 68%)}.login-panel{position:relative;z-index:1;width:min(1040px,100%);min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border:1px solid hsla(0,0%,100%,.18);border-radius:34px;background:hsla(0,0%,100%,.08);box-shadow:0 36px 110px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:54px;color:#fff;background:linear-gradient(160deg,rgba(37,99,235,.72),rgba(6,182,212,.12)),radial-gradient(circle at 28% 24%,hsla(0,0%,100%,.24),transparent 24rem)}.login-side:after{content:"";position:absolute;right:-90px;top:80px;width:280px;height:280px;border:1px solid hsla(0,0%,100%,.24);border-radius:42px;transform:rotate(18deg)}.login-brand-mark{position:absolute;left:54px;top:48px;display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:#082f49;background:linear-gradient(135deg,#fff,#dff7ff);box-shadow:0 18px 42px rgba(0,0,0,.22);font-weight:900;letter-spacing:-.04em}.login-kicker{margin:0 0 14px;color:hsla(0,0%,100%,.78);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.login-title{max-width:520px;margin:0;color:#fff;font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.07em}.login-copy{max-width:500px;margin:22px 0 0;color:hsla(0,0%,100%,.78);line-height:1.9}.login-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:38px}.login-stats div{padding:16px;border:1px solid hsla(0,0%,100%,.18);border-radius:18px;background:hsla(0,0%,100%,.1)}.login-stats span,.login-stats strong{display:block}.login-stats strong{font-size:20px}.login-stats span{margin-top:6px;color:hsla(0,0%,100%,.76);font-size:12px;font-weight:700}.login-form-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,58px);background:hsla(0,0%,100%,.94)}.login-form-head{margin-bottom:28px}.login-chip{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #dbeafe;border-radius:999px;color:#1d4ed8;background:#eff6ff;font-size:12px;font-weight:800}.login-form-head h2{margin:18px 0 8px;font-size:34px;letter-spacing:-.05em}.login-form-head p{margin:0;color:#667085;line-height:1.7}.login-form{display:grid;grid-gap:18px;gap:18px}.login-field label{display:block;margin:0 0 8px;color:#344054;font-size:13px;font-weight:800}.login-input-wrap{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 14px;border:1px solid #d7deea;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.login-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.12),0 16px 34px rgba(15,23,42,.08);transform:translateY(-1px)}.login-input-wrap span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#2563eb;background:#eff6ff;font-weight:900}.login-input-wrap input{flex:1 1;min-width:0;border:0;border-radius:0;padding:0;box-shadow:none;outline:none;font-size:15px}.login-input-wrap input:focus{box-shadow:none}.login-error{margin:0;padding:12px 14px;border:1px solid #fecaca;border-radius:14px;color:#b42318;background:#fff1f0;font-size:13px;font-weight:700}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:4px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 18px 36px rgba(37,99,235,.28);cursor:pointer;font-size:15px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 44px rgba(37,99,235,.34)}.login-submit:disabled{cursor:not-allowed;opacity:.68}@media (max-width:860px){.login-panel{grid-template-columns:1fr;min-height:auto}.login-side{min-height:360px;padding:34px}.login-brand-mark{left:34px;top:30px}.login-stats{grid-template-columns:1fr}}@media (max-width:560px){.login-hero{padding:16px}.login-panel{border-radius:24px}.login-side{display:none}.login-form-card{padding:28px}.login-form-head h2{font-size:28px}}.login-hero-ultra{isolation:isolate;place-items:center;padding:clamp(20px,4vw,56px);background:radial-gradient(circle at 14% 8%,rgba(45,212,191,.32),transparent 22rem),radial-gradient(circle at 82% 14%,rgba(99,102,241,.34),transparent 24rem),radial-gradient(circle at 62% 86%,rgba(14,165,233,.22),transparent 28rem),linear-gradient(135deg,#030712,#07111f 42%,#0b1730)}.login-hero-ultra:after{content:"";background:linear-gradient(115deg,transparent 0 38%,hsla(0,0%,100%,.06) 38.2%,transparent 38.6% 100%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.035) 0 1px,transparent 1px 86px);opacity:.8}.login-hero-ultra:after,.login-mesh{position:absolute;inset:0;z-index:-1}.login-mesh{background-image:linear-gradient(rgba(125,211,252,.08) 1px,transparent 0),linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.86),transparent 74%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.86),transparent 74%)}.login-aurora{position:absolute;z-index:-1;border-radius:999px;filter:blur(34px);opacity:.78;animation:auroraFloat 12s ease-in-out infinite alternate}.login-aurora-a{width:340px;height:340px;top:-110px;right:8%;background:rgba(34,211,238,.52)}.login-aurora-b{width:420px;height:420px;bottom:-160px;left:6%;background:rgba(79,70,229,.42);animation-delay:-4s}.login-aurora-c{width:240px;height:240px;top:42%;left:46%;background:rgba(16,185,129,.28);animation-delay:-8s}@keyframes auroraFloat{0%{transform:translate3d(-16px,10px,0) scale(.98)}to{transform:translate3d(18px,-14px,0) scale(1.06)}}.login-stage{position:relative;z-index:1;width:min(1180px,100%);min-height:700px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);grid-gap:22px;gap:22px}.login-auth-card,.login-showcase{border:1px solid hsla(0,0%,100%,.16);border-radius:36px;box-shadow:0 40px 120px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.login-showcase{position:relative;overflow:hidden;padding:clamp(30px,4vw,54px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,hsla(0,0%,100%,.13),hsla(0,0%,100%,.045)),radial-gradient(circle at 70% 26%,rgba(56,189,248,.26),transparent 24rem)}.login-showcase:before{content:"";position:absolute;inset:1px;border-radius:35px;pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.18),transparent 34%,rgba(125,211,252,.12))}.login-topbar{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.login-brand-premium{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#fff,#bff3ff 45%,#a7f3d0);color:#06111f;box-shadow:0 22px 48px rgba(34,211,238,.24);font-weight:1000;letter-spacing:-.06em}.login-company,.login-product{margin:0}.login-company{font-weight:900;letter-spacing:-.02em}.login-product{margin-top:4px;color:hsla(0,0%,100%,.58);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.login-visual-card{position:absolute;right:clamp(24px,4vw,58px);top:118px;width:min(360px,48%);min-height:310px;padding:18px;border:1px solid hsla(0,0%,100%,.16);border-radius:30px;background:linear-gradient(145deg,rgba(2,6,23,.42),hsla(0,0%,100%,.08));box-shadow:0 30px 90px rgba(0,0,0,.3)}.visual-head{display:flex;align-items:center;gap:9px;color:hsla(0,0%,100%,.76);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pulse-dot{width:9px;height:9px;border-radius:999px;background:#34d399;box-shadow:0 0 0 8px rgba(52,211,153,.14)}.skill-radar{position:relative;height:246px;margin-top:12px;display:grid;place-items:center}.radar-ring{position:absolute;border:1px solid rgba(125,211,252,.22);border-radius:999px}.radar-ring-1{width:92px;height:92px}.radar-ring-2{width:158px;height:158px}.radar-ring-3{width:224px;height:224px;border-style:dashed;animation:spinRadar 20s linear infinite}@keyframes spinRadar{to{transform:rotate(1turn)}}.radar-core{position:relative;z-index:2;width:76px;height:76px;display:grid;place-items:center;border-radius:26px;color:#042f2e;background:linear-gradient(135deg,#ecfeff,#99f6e4);box-shadow:0 18px 50px rgba(45,212,191,.22);font-size:13px;font-weight:1000}.radar-node{position:absolute;z-index:3;padding:8px 10px;border:1px solid hsla(0,0%,100%,.18);border-radius:999px;background:rgba(15,23,42,.56);color:hsla(0,0%,100%,.9);box-shadow:0 12px 24px rgba(0,0,0,.22);font-size:11px;font-weight:900}.node-1{top:28px;left:48px}.node-2{top:56px;right:22px}.node-3{bottom:42px;right:54px}.node-4{bottom:72px;left:28px}.login-copy-block{position:relative;z-index:2;max-width:560px;margin-top:280px}.login-hero-ultra .login-title{font-size:clamp(42px,5.8vw,76px);line-height:.98;letter-spacing:-.09em;text-wrap:balance}.login-hero-ultra .login-copy{max-width:540px;color:hsla(0,0%,100%,.7);font-size:15px}.login-floating-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:34px}.login-floating-metrics div{padding:18px;border:1px solid hsla(0,0%,100%,.14);border-radius:22px;background:hsla(0,0%,100%,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.09)}.login-floating-metrics span,.login-floating-metrics strong{display:block}.login-floating-metrics strong{font-size:24px;letter-spacing:-.04em}.login-floating-metrics span{margin-top:6px;color:hsla(0,0%,100%,.55);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.login-auth-card{position:relative;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,58px);background:linear-gradient(145deg,hsla(0,0%,100%,.96),rgba(240,249,255,.9)),radial-gradient(circle at top right,rgba(14,165,233,.24),transparent 20rem)}.login-card-glow{position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:999px;background:rgba(37,99,235,.16);filter:blur(22px)}.login-form-head-ultra{position:relative;z-index:1}.login-chip-ultra{gap:8px;color:#0369a1;border-color:rgba(14,165,233,.18);background:linear-gradient(135deg,#f0f9ff,#ecfeff);box-shadow:0 10px 24px rgba(14,165,233,.08)}.chip-lock{color:#14b8a6;font-size:10px}.login-form-head-ultra h2{margin-top:22px;font-size:clamp(38px,5vw,54px);line-height:1;background:linear-gradient(135deg,#020617,#1d4ed8 72%,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent}.login-form-ultra{position:relative;z-index:1;gap:20px}.login-field-ultra label{color:#0f172a;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.login-input-ultra{min-height:60px;border-radius:20px;border-color:rgba(148,163,184,.34);background:hsla(0,0%,100%,.88);box-shadow:0 18px 38px rgba(15,23,42,.06),inset 0 1px 0 hsla(0,0%,100%,.82)}.login-input-ultra:focus-within{border-color:rgba(14,165,233,.72);box-shadow:0 0 0 6px rgba(14,165,233,.14),0 22px 46px rgba(15,23,42,.11)}.login-input-ultra .input-icon{width:34px;height:34px;border-radius:13px;color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#ccfbf1)}.login-input-ultra input::placeholder{color:#94a3b8}.login-submit-ultra{position:relative;overflow:hidden;min-height:62px;margin-top:8px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#1d4ed8 52%,#06b6d4);box-shadow:0 24px 54px rgba(37,99,235,.33)}.login-submit-ultra:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.32),transparent);transform:translateX(-120%);transition:transform .55s ease}.login-submit-ultra:hover:not(:disabled):before{transform:translateX(120%)}.login-submit-ultra span{position:relative;z-index:1}.button-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:hsla(0,0%,100%,.16)}.login-error-ultra,.login-security-note{position:relative;z-index:1}.login-security-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#64748b;font-size:12px;font-weight:800}.security-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#047857;background:#d1fae5}@media (max-width:980px){.login-stage{grid-template-columns:1fr;min-height:auto}.login-showcase{min-height:560px}.login-auth-card{min-height:auto}}@media (max-width:680px){.login-hero-ultra{padding:14px}.login-showcase{display:none}.login-stage{display:block}.login-auth-card{border-radius:28px;padding:30px 22px}.login-form-head-ultra h2{font-size:38px}}.login-stars{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.login-stars span{position:absolute;width:4px;height:4px;border-radius:999px;background:hsla(0,0%,100%,.76);box-shadow:0 0 18px rgba(125,211,252,.9);animation:starDrift 8s ease-in-out infinite}.login-stars span:first-child{top:14%;left:12%;animation-delay:-1s}.login-stars span:nth-child(2){top:22%;left:68%;animation-delay:-5s}.login-stars span:nth-child(3){top:74%;left:18%;animation-delay:-3s}.login-stars span:nth-child(4){top:58%;left:86%;animation-delay:-7s}.login-stars span:nth-child(5){top:38%;left:42%;animation-delay:-2s}.login-stars span:nth-child(6){top:82%;left:58%;animation-delay:-6s}.login-stars span:nth-child(7){top:10%;left:86%;animation-delay:-4s}.login-stars span:nth-child(8){top:66%;left:7%;animation-delay:-8s}.login-stars span:nth-child(9){top:31%;left:25%;animation-delay:-9s}.login-stars span:nth-child(10){top:90%;left:78%;animation-delay:-10s}@keyframes starDrift{0%,to{transform:translateZ(0) scale(.72);opacity:.25}45%{transform:translate3d(22px,-28px,0) scale(1.3);opacity:.92}}.login-scanline{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(34,211,238,.1),transparent);transform:translateY(-100%);animation:scanlineMove 7s linear infinite}@keyframes scanlineMove{to{transform:translateY(100%)}}.login-showcase{transform-style:preserve-3d;animation:cardEntrance .75s cubic-bezier(.2,.8,.2,1) both}.login-auth-card-motion{transform-style:preserve-3d;animation:cardEntrance .75s cubic-bezier(.2,.8,.2,1) .08s both,cardFloat 7s ease-in-out 1s infinite}@keyframes cardEntrance{0%{opacity:0;transform:translateY(26px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-card-rim{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:conic-gradient(from 180deg,transparent,rgba(14,165,233,.38),transparent,rgba(45,212,191,.28),transparent);opacity:.48;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude;animation:rimRotate 8s linear infinite}@keyframes rimRotate{to{transform:rotate(1turn)}}.login-visual-card-main{animation:visualFloat 6.5s ease-in-out infinite}@keyframes visualFloat{0%,to{transform:translateY(0) rotate(.001deg)}50%{transform:translateY(-12px) rotate(1deg)}}.radar-sweep{width:116px;height:116px;background:conic-gradient(from 0deg,rgba(45,212,191,.34),transparent 42%);transform-origin:center;animation:spinRadar 4.2s linear infinite;filter:blur(.2px)}.radar-orbit,.radar-sweep{position:absolute;border-radius:999px}.radar-orbit{width:9px;height:9px;background:#67e8f9;box-shadow:0 0 18px rgba(103,232,249,.85);animation:orbitOne 7s linear infinite}.radar-orbit-2{width:7px;height:7px;background:#86efac;animation:orbitTwo 9s linear infinite reverse}@keyframes orbitOne{0%{transform:rotate(0deg) translateX(112px) rotate(0deg)}to{transform:rotate(1turn) translateX(112px) rotate(-1turn)}}@keyframes orbitTwo{0%{transform:rotate(0deg) translateX(78px) rotate(0deg)}to{transform:rotate(1turn) translateX(78px) rotate(-1turn)}}.radar-node{animation:nodePulse 3.8s ease-in-out infinite}.node-2{animation-delay:-.9s}.node-3{animation-delay:-1.8s}.node-4{animation-delay:-2.7s}@keyframes nodePulse{0%,to{transform:translateY(0);box-shadow:0 12px 24px rgba(0,0,0,.22)}50%{transform:translateY(-6px);box-shadow:0 18px 34px rgba(34,211,238,.18)}}.login-activity-stream{position:absolute;left:clamp(30px,4vw,54px);bottom:165px;z-index:2;width:min(310px,44%);display:grid;grid-gap:9px;gap:9px;opacity:.72}.login-activity-stream span{height:8px;border-radius:999px;background:linear-gradient(90deg,hsla(0,0%,100%,.14),rgba(125,211,252,.62),hsla(0,0%,100%,.08));transform-origin:left;animation:activityPulse 3s ease-in-out infinite}.login-activity-stream span:nth-child(2){width:78%;animation-delay:-.8s}.login-activity-stream span:nth-child(3){width:58%;animation-delay:-1.6s}@keyframes activityPulse{0%,to{transform:scaleX(.45);opacity:.28}50%{transform:scaleX(1);opacity:.85}}.login-brand-premium{animation:brandGlow 4s ease-in-out infinite}@keyframes brandGlow{0%,to{box-shadow:0 22px 48px rgba(34,211,238,.24)}50%{box-shadow:0 24px 64px rgba(45,212,191,.48)}}.login-input-ultra{position:relative}.login-input-ultra:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#06b6d4,transparent);transform:scaleX(0);transition:transform .24s ease}.login-input-ultra:focus-within:after{transform:scaleX(1)}.login-submit-ultra:hover:not(:disabled) .button-arrow{animation:arrowBounce .72s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}.login-loading-dot:after{content:"";display:inline-block;width:10px;height:10px;margin-left:10px;border:2px solid hsla(0,0%,100%,.45);border-top-color:#fff;border-radius:999px;vertical-align:-1px;animation:spinRadar .75s linear infinite}@media (prefers-reduced-motion:reduce){.login-activity-stream span,.login-auth-card-motion,.login-brand-premium,.login-card-rim,.login-loading-dot:after,.login-scanline,.login-showcase,.login-stars span,.login-visual-card-main,.radar-node,.radar-orbit,.radar-sweep{animation:none!important}}@media (max-width:680px){.login-stars span{opacity:.42}.login-auth-card-motion{animation:cardEntrance .75s cubic-bezier(.2,.8,.2,1) both}}.admin-wide,.page-fluid{width:min(1480px,calc(100vw - clamp(24px, 5vw, 72px)))}.admin-wide{margin:0 auto;padding:clamp(22px,3vw,40px) 0 56px}.admin-panel{background:hsla(0,0%,100%,.92);border:1px solid rgba(228,233,242,.95);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,2vw,28px)}.admin-panel+.admin-panel{margin-top:24px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.admin-table-scroll{overflow-x:auto;border-radius:16px;border:1px solid var(--line)}.admin-table-scroll table,.table-wrap table{min-width:920px}.admin-table-scroll .pending-table{min-width:1180px}.admin-table-scroll .users-table{min-width:1080px}.change-detail{min-width:460px;max-width:min(760px,48vw)}@media (min-width:1600px){.admin-wide,.page-fluid{width:min(1680px,calc(100vw - 96px))}}@media (max-width:900px){.admin-wide,.page-fluid{width:calc(100vw - 24px)}.admin-panel{padding:16px;border-radius:16px}.change-detail{max-width:none}}@media (max-width:640px){.admin-wide{padding-top:18px}.admin-form-grid{grid-template-columns:1fr}}.employee-detail-page{width:min(1560px,calc(100vw - 64px));max-width:none;margin:0 auto;padding:32px 0 64px}.employee-detail-page>div:first-child{flex-wrap:wrap}.employee-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.employee-detail-grid,.employee-detail-stack{width:100%}.employee-detail-grid>div,.employee-detail-stack>div{min-width:0}.employee-detail-page table{min-width:720px}.employee-detail-page form,.employee-detail-page input,.employee-detail-page select,.employee-detail-page textarea{min-width:0}.employee-detail-page div,.employee-detail-page p,.employee-detail-page span,.employee-detail-page td{overflow-wrap:anywhere}@media (min-width:1440px){.employee-detail-page{width:min(1680px,calc(100vw - 96px))}.employee-detail-grid-basic{grid-template-columns:minmax(420px,.9fr) minmax(620px,1.1fr)!important}.employee-detail-grid-certs{grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important}.employee-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.employee-form-grid>div[style*="span 2"]{grid-column:span 3!important}}@media (max-width:1024px){.employee-detail-page{width:min(100% - 32px,1000px);padding-top:24px}.employee-detail-grid-basic,.employee-detail-grid-certs{grid-template-columns:1fr!important}.employee-detail-grid-certs>div[style*="span 2"]{grid-column:auto!important}.employee-history-grid,.employee-project-meta{grid-template-columns:1fr!important}}@media (max-width:640px){.employee-detail-page{width:min(100% - 20px,100%);padding-top:18px}.employee-detail-page>div:first-child{align-items:flex-start!important}.employee-detail-page h1{font-size:28px}.employee-form-grid{grid-template-columns:1fr!important}.employee-form-grid>div,.employee-form-grid>div[style*="span 2"]{grid-column:auto!important}.employee-history-diff{grid-template-columns:1fr!important}}.search-panel{margin-bottom:22px;overflow:hidden;background:radial-gradient(circle at 0 0,rgba(37,99,235,.1),transparent 26rem),linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,251,255,.95))}.search-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.search-help{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.search-result-badge{min-width:112px;display:grid;grid-template-columns:auto auto auto;align-items:baseline;justify-content:center;grid-gap:4px;gap:4px;padding:12px 16px;border:1px solid #dbe7ff;border-radius:18px;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#eefbff);box-shadow:0 12px 28px rgba(37,99,235,.1)}.search-result-badge span{grid-column:1/-1;color:#475467;font-size:11px;font-weight:800;text-align:center;letter-spacing:.08em}.search-result-badge strong{font-size:28px;line-height:1;letter-spacing:-.04em}.search-result-badge small{color:#475467;font-weight:800}.employee-search-form{display:grid;grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(170px,1fr)) auto;grid-gap:14px;gap:14px;align-items:end}.search-field{display:grid;grid-gap:7px;gap:7px;min-width:0}.active-filter-row>span,.phase-quick-filter>span,.search-field span{color:#475467;font-size:12px;font-weight:800}.search-field .input{width:100%;min-height:46px;border-radius:14px;background:hsla(0,0%,100%,.96)}.search-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}.search-actions .btn{min-height:46px}.phase-quick-filter{display:grid;grid-gap:10px;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.active-filter-row,.phase-quick-filter div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.active-filter-chip,.phase-chip{border:1px solid #d0d7e2;background:hsla(0,0%,100%,.9);color:#344054;cursor:pointer;font-weight:800}.phase-chip{padding:8px 12px;font-size:12px}.phase-chip:active{opacity:.7;transform:scale(.95)}@media (hover:hover){.active-filter-chip,.phase-chip{transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.active-filter-chip:hover,.phase-chip:hover{transform:translateY(-1px);border-color:#93b4ff;background:#f8fbff;box-shadow:0 8px 18px rgba(37,99,235,.1)}}.phase-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary),#06b6d4);box-shadow:0 10px 22px rgba(37,99,235,.22)}.active-filter-row{margin-top:14px}.active-filter-chip{padding:7px 10px;color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff;font-size:12px}.active-filter-chip:active{opacity:.7;transform:scale(.95)}.active-filter-chip b{margin-left:4px;color:#475467}.employee-table-wrap table{min-width:880px}.employee-name-link{color:#174ea6;font-weight:900}.pc-only{display:block}.sp-only{display:none}.employee-card-list{display:flex;flex-direction:column;gap:0}.employee-card-item{display:block;padding:14px 16px;border-bottom:1px solid #edf1f7;text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.employee-card-item:active{background:#e8f0fe}.employee-card-main{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.employee-card-name{font-size:15px;font-weight:700;color:#174ea6}.employee-card-no{font-size:12px;color:#888}.employee-card-sub{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#555}.employee-card-updated{font-size:11px;margin-top:4px}@media (max-width:760px){.pc-only{display:none}.sp-only{display:block}}.muted-cell{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn-compact{min-height:32px;padding:5px 10px;font-size:12px}@media (max-width:1180px){.employee-search-form{grid-template-columns:repeat(2,minmax(0,1fr))}.search-actions{justify-content:flex-start}}@media (max-width:760px){.search-panel-head{flex-direction:column}.search-result-badge{width:100%}.employee-search-form{grid-template-columns:1fr}.search-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.search-actions .btn{width:100%}.active-filter-row,.phase-quick-filter div{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.active-filter-chip,.phase-chip{flex:0 0 auto}}@media (max-width:480px){.search-actions{grid-template-columns:1fr}}.app-header{height:auto;min-height:64px;padding:0 28px;display:flex;align-items:center;gap:18px}.app-header-main{flex:1 1 auto;gap:16px}.app-header-main,.app-nav{min-width:0;display:flex;align-items:center}.app-nav{gap:8px}.app-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.logout-form{display:inline-flex;margin:0}.logout-button{min-height:34px;width:auto;padding:6px 12px;white-space:nowrap}.app-brand{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-link,.role-badge{flex:0 0 auto;white-space:nowrap}.header-link-disabled{color:#344054;cursor:default}.header-link-disabled:hover{background:#eef4ff;text-decoration:none}.app-header .btn{width:auto}@media (max-width:760px){.app-header{position:-webkit-sticky;position:sticky;top:0;height:auto;min-height:auto;padding:max(8px,env(safe-area-inset-top)) 12px 10px;display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow:hidden}.app-header-main{width:100%;display:flex;align-items:center;gap:10px}.app-brand{flex:1 1 auto;max-width:none;font-size:15px;line-height:1}.app-brand:before{width:28px;height:28px;border-radius:9px;flex:0 0 auto}.app-header-actions{flex:0 0 auto;gap:6px}.role-badge{max-width:96px;overflow:hidden;text-overflow:ellipsis;padding:5px 8px;font-size:11px}.logout-button{min-height:30px;width:auto!important;padding:5px 9px;border-radius:999px;font-size:12px}.app-nav{width:100%;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav .header-link{flex:0 0 auto;padding:7px 11px;border:1px solid #dbe7ff;background:hsla(0,0%,100%,.88);box-shadow:0 4px 12px rgba(23,32,51,.06);font-size:13px}.app-header .btn{width:auto!important}}@media (max-width:380px){.role-badge{display:none}.logout-button{padding-inline:8px}}.login-topbar-logo{align-items:flex-start}.login-technobrave-logo{width:min(360px,56vw);height:auto;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(12,31,94,.2))}.login-form-logo-wrap{display:flex;justify-content:center;margin:0 0 28px}.login-technobrave-logo-card{width:min(320px,82%);height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(12,31,94,.16))}.login-showcase{background:linear-gradient(145deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.055)),radial-gradient(circle at 70% 26%,rgba(56,189,248,.26),transparent 24rem),linear-gradient(180deg,hsla(0,0%,100%,.02),rgba(37,99,235,.08))}.login-auth-card{background:linear-gradient(145deg,hsla(0,0%,100%,.98),rgba(244,248,255,.94)),radial-gradient(circle at top right,rgba(37,99,235,.18),transparent 20rem)}.login-hero-ultra .login-title{color:#f8fbff;text-shadow:0 18px 42px rgba(0,0,0,.24)}.login-hero-ultra .login-title:after{content:"";display:block;width:72px;height:4px;margin-top:24px;border-radius:999px;background:linear-gradient(90deg,#fff,#38bdf8,transparent)}.login-form-head-ultra h2{font-size:clamp(32px,4vw,44px);text-align:center}.login-form-head-ultra p{text-align:center}.login-chip-ultra{margin:0 auto}@media (max-width:980px){.login-technobrave-logo{width:min(320px,72vw)}}@media (max-width:680px){.login-form-logo-wrap{margin-bottom:22px}.login-technobrave-logo-card{width:min(280px,92%)}.login-form-head-ultra h2{font-size:30px}}.tb-login-page{position:relative;min-height:100vh;overflow:hidden;color:#08142f;background:radial-gradient(circle at 9% 10%,rgba(37,99,235,.16),transparent 28rem),radial-gradient(circle at 88% 8%,rgba(14,165,233,.12),transparent 26rem),linear-gradient(135deg,#f8fbff,#edf6ff 45%,#d9ecff)}.tb-login-page:before{content:"";position:absolute;inset:auto 0 0 0;height:36%;background:linear-gradient(0deg,rgba(37,99,235,.12),transparent),repeating-linear-gradient(115deg,hsla(0,0%,100%,.55) 0 1px,transparent 1px 28px);-webkit-clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);opacity:.9}.tb-login-page:after{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:230px;background:linear-gradient(0deg,rgba(37,99,235,.18),transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='260' viewBox='0 0 1200 260'%3E%3Cg fill='%232563eb' opacity='.13'%3E%3Crect x='32' y='130' width='42' height='130'/%3E%3Crect x='88' y='96' width='56' height='164'/%3E%3Crect x='172' y='150' width='36' height='110'/%3E%3Crect x='226' y='70' width='78' height='190'/%3E%3Crect x='330' y='112' width='52' height='148'/%3E%3Crect x='410' y='44' width='68' height='216'/%3E%3Crect x='510' y='120' width='48' height='140'/%3E%3Crect x='590' y='86' width='82' height='174'/%3E%3Crect x='710' y='138' width='50' height='122'/%3E%3Crect x='792' y='58' width='72' height='202'/%3E%3Crect x='902' y='104' width='58' height='156'/%3E%3Crect x='996' y='74' width='84' height='186'/%3E%3Crect x='1116' y='134' width='44' height='126'/%3E%3C/g%3E%3C/svg%3E") bottom /cover no-repeat;opacity:.72;pointer-events:none}.tb-login-bg-orb{position:absolute;border-radius:999px;filter:blur(18px);pointer-events:none}.tb-login-bg-orb-a{width:360px;height:360px;right:18%;top:8%;background:rgba(147,197,253,.28)}.tb-login-bg-orb-b{width:420px;height:420px;left:-120px;bottom:-160px;background:rgba(14,165,233,.2)}.tb-network-globe{position:absolute;left:35%;top:7%;width:520px;height:520px;border-radius:999px;background:radial-gradient(circle,hsla(0,0%,100%,.58),rgba(219,234,254,.24) 42%,transparent 68%),repeating-radial-gradient(circle,rgba(37,99,235,.12) 0 1px,transparent 1px 54px),conic-gradient(from 80deg,transparent,rgba(37,99,235,.1),transparent 36%,rgba(14,165,233,.14),transparent 72%);opacity:.78;-webkit-mask-image:radial-gradient(circle,#000 54%,transparent 75%);mask-image:radial-gradient(circle,#000 54%,transparent 75%);pointer-events:none}.tb-network-globe span{position:absolute;width:10px;height:10px;border-radius:999px;background:rgba(37,99,235,.22);box-shadow:0 0 0 8px hsla(0,0%,100%,.25)}.tb-network-globe span:first-child{left:22%;top:18%}.tb-network-globe span:nth-child(2){left:48%;top:8%}.tb-network-globe span:nth-child(3){left:76%;top:22%}.tb-network-globe span:nth-child(4){left:62%;top:42%}.tb-network-globe span:nth-child(5){left:34%;top:46%}.tb-network-globe span:nth-child(6){left:82%;top:55%}.tb-network-globe span:nth-child(7){left:54%;top:72%}.tb-network-globe span:nth-child(8){left:18%;top:62%}.tb-network-globe span:nth-child(n+9){display:none}.tb-login-shell{position:relative;z-index:1;min-height:100vh;width:min(1500px,calc(100vw - 96px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr);grid-gap:clamp(34px,5vw,78px);gap:clamp(34px,5vw,78px);align-items:center;padding:clamp(28px,4vw,64px) 0}.tb-login-hero-area{min-width:0;padding:0 0 24px}.tb-login-brand-large img{width:min(395px,54vw);height:auto;display:block;filter:drop-shadow(0 16px 28px rgba(23,43,96,.12))}.tb-login-copy-area{margin-top:clamp(76px,10vw,132px)}.tb-login-copy-area h1{margin:0;max-width:660px;color:#08142f;font-size:clamp(42px,5.2vw,72px);line-height:1.18;letter-spacing:-.06em;font-weight:1000}.tb-login-copy-area h1 span{color:#1457d9}.tb-title-line{width:74px;height:4px;margin:30px 0 26px;border-radius:999px;background:linear-gradient(90deg,#1457d9,#0ea5e9,transparent)}.tb-login-copy-area p{margin:0;color:#1c2d4a;font-size:clamp(18px,1.6vw,24px);line-height:1.75;letter-spacing:.02em}.tb-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px;margin-top:clamp(48px,6vw,74px);max-width:740px}.tb-feature-card{min-height:230px;padding:30px 22px;border:1px solid rgba(203,213,225,.68);border-radius:16px;background:hsla(0,0%,100%,.72);box-shadow:0 24px 56px rgba(37,99,235,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.tb-feature-icon{width:72px;height:72px;margin:0 auto 22px;display:grid;place-items:center;border-radius:999px;color:#fff;box-shadow:0 18px 34px rgba(37,99,235,.22);font-size:22px;font-weight:900}.tb-feature-icon-blue{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.tb-feature-icon-purple{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.tb-feature-icon-green{background:linear-gradient(135deg,#059669,#2dd4bf)}.tb-feature-card h2{margin:0 0 13px;color:#071532;font-size:17px;line-height:1.45;letter-spacing:-.03em;font-weight:900}.tb-feature-card p{margin:0;color:#334155;font-size:14px;line-height:1.7;font-weight:600}.tb-login-card{width:100%;min-height:min(86vh,910px);padding:clamp(42px,4.5vw,72px) clamp(40px,4.5vw,72px);border:1px solid rgba(203,213,225,.82);border-radius:22px;background:hsla(0,0%,100%,.88);box-shadow:0 30px 80px rgba(30,64,175,.15);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.tb-login-card-head{text-align:center}.tb-login-card-head img{width:min(340px,78%);height:auto;margin:0 auto 42px;display:block;filter:drop-shadow(0 14px 24px rgba(23,43,96,.1))}.tb-login-card-head h2{margin:0 0 14px;color:#06122b;font-size:clamp(34px,3.8vw,48px);line-height:1.1;letter-spacing:.05em;font-weight:1000}.tb-login-card-head p{margin:0;color:#52627a;font-size:16px;line-height:1.7}.tb-login-form{display:grid;grid-gap:24px;gap:24px;margin-top:44px}.tb-field{display:grid;grid-gap:10px;gap:10px}.tb-field label{color:#071532;font-size:15px;font-weight:900}.tb-input-wrap{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 20px;border:1px solid #c8d4e5;border-radius:12px;background:hsla(0,0%,100%,.88);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tb-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.1),0 18px 34px rgba(37,99,235,.08);transform:translateY(-1px)}.tb-input-wrap>span{color:#415b83;font-size:22px;line-height:1}.tb-input-wrap input{flex:1 1;min-width:0;border:0;outline:0;padding:0;border-radius:0;background:transparent;box-shadow:none;color:#071532;font-size:17px}.tb-input-wrap input:focus{box-shadow:none}.tb-input-wrap input::placeholder{color:#64748b}.tb-password-toggle{flex:0 0 auto;margin-left:auto;min-width:58px;height:36px;padding:0 12px;border:1px solid rgba(37,99,235,.22);border-radius:999px;background:rgba(239,246,255,.92);color:#1d4ed8;cursor:pointer;font-size:13px;font-weight:900;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.tb-password-toggle:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.42);background:#dbeafe;color:#0f3fb8}.tb-password-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(37,99,235,.14)}.tb-login-options{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:2px}.tb-check{display:inline-flex;align-items:center;gap:10px;color:#071532;font-size:15px;font-weight:800;cursor:pointer}.tb-check input{width:22px;height:22px;margin:0;border-radius:6px}.tb-login-options a{color:#0b63e5;font-size:15px;font-weight:800;white-space:nowrap}.tb-login-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:70px;margin-top:6px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0649e8,#2563eb 48%,#0ea5e9);box-shadow:0 18px 34px rgba(37,99,235,.26);cursor:pointer;font-size:22px;font-weight:1000;letter-spacing:.03em;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.tb-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 46px rgba(37,99,235,.32)}.tb-login-button:disabled{cursor:not-allowed;opacity:.68}.tb-login-separator{display:flex;align-items:center;gap:22px;margin:36px 0 28px;color:#64748b;font-size:14px;font-weight:800}.tb-login-separator:after,.tb-login-separator:before{content:"";flex:1 1;height:1px;background:#dbe4f0}.tb-security-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:18px;gap:18px;min-height:86px;padding:18px 24px;border:1px solid #dbe4f0;border-radius:12px;background:rgba(248,251,255,.86)}.tb-security-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#059669,#34d399);font-size:22px;font-weight:1000}.tb-security-box strong{display:block;color:#071532;font-size:18px;font-weight:1000}.tb-security-box p{margin:5px 0 0;color:#52627a;font-size:14px;font-weight:600}.tb-security-dot{width:11px;height:11px;border-radius:999px;background:#10b981;box-shadow:0 0 0 7px rgba(16,185,129,.12)}.tb-login-footer{margin-top:34px;padding-top:26px;border-top:1px solid #dbe4f0;color:#64748b;text-align:center;font-size:14px}.tb-login-alert{margin:0 0 20px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:800}.tb-login-alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.tb-login-alert.error{color:#b42318;background:#fff1f0;border:1px solid #fecaca}@media (max-width:1180px){.tb-login-shell{width:min(100% - 48px,980px);grid-template-columns:1fr;gap:34px}.tb-network-globe{left:38%;top:6%}.tb-login-copy-area{margin-top:66px}.tb-login-card{min-height:auto}}@media (max-width:760px){.tb-login-shell{width:min(100% - 28px,620px);padding:22px 0 36px}.tb-login-brand-large img{width:min(320px,88vw)}.tb-network-globe{width:360px;height:360px;left:26%;top:10%;opacity:.48}.tb-login-copy-area{margin-top:48px}.tb-login-copy-area h1{font-size:clamp(36px,11vw,52px)}.tb-login-copy-area p{font-size:17px}.tb-feature-cards{grid-template-columns:1fr;gap:14px}.tb-feature-card{min-height:auto;display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;text-align:left;align-items:center;padding:18px}.tb-feature-card p{grid-column:2}.tb-feature-icon{width:54px;height:54px;margin:0;font-size:17px;grid-row:span 2}.tb-login-card{padding:30px 20px;border-radius:18px}.tb-login-card-head img{width:min(270px,86%);margin-bottom:28px}.tb-login-card-head h2{font-size:34px}.tb-login-form{margin-top:30px;gap:18px}.tb-input-wrap{min-height:56px;padding:0 15px}.tb-login-options{align-items:flex-start;flex-direction:column;gap:12px}.tb-login-button{min-height:62px;font-size:19px}.tb-security-box{padding:16px}}@media (max-width:420px){.tb-feature-card{grid-template-columns:1fr;text-align:center}.tb-feature-icon{margin:0 auto;grid-row:auto}.tb-feature-card p{grid-column:auto}}.tb-login-card-head .tb-brave-sheet-logo{width:min(290px,72%);max-height:150px;height:auto;margin:0 auto 30px;display:block;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(17,63,151,.12))}@media (max-width:760px){.tb-login-card-head .tb-brave-sheet-logo{width:min(230px,78%);max-height:126px;margin-bottom:22px}}:root{--app-bg:#eef5ff;--app-bg-2:#f8fbff;--navy:#071b4d;--blue:#0f63ff;--cyan:#16b7e8;--violet:#6246ea;--green:#10b981;--ink:#0b1736;--subtle:#65758b;--soft-line:#dbe7f7;--glass:hsla(0,0%,100%,.76);--card-shadow:0 24px 70px rgba(20,45,95,.11)}body{background:radial-gradient(circle at 8% -8%,rgba(44,123,255,.18),transparent 34rem),radial-gradient(circle at 95% 2%,rgba(22,183,232,.14),transparent 26rem),linear-gradient(180deg,#f9fcff,#eef5ff 48%,#f8fbff);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.58;background-image:linear-gradient(rgba(15,99,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(15,99,255,.055) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 78%)}.app-header{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;background:linear-gradient(180deg,hsla(0,0%,100%,.88),rgba(244,249,255,.76)),radial-gradient(circle at 0 0,rgba(15,99,255,.1),transparent 20rem);border-right:1px solid rgba(219,231,247,.9);box-shadow:18px 0 70px rgba(35,66,120,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-brand{display:flex;align-items:center;min-height:56px;padding:4px 10px 20px;border-bottom:1px solid rgba(219,231,247,.9)}.sidebar-brand img{max-width:188px;max-height:54px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(15,99,255,.12))}.sidebar-nav{display:grid;grid-gap:8px;gap:8px;padding:22px 4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:#233455;font-weight:850;border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.sidebar-link:hover{text-decoration:none;color:var(--blue);background:linear-gradient(135deg,#eef5ff,#f4fbff);border-color:#dbe7ff;box-shadow:0 14px 34px rgba(15,99,255,.1);transform:translateX(2px)}.sidebar-icon{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#0f63ff;background:linear-gradient(135deg,#eef5ff,#e9fbff);box-shadow:inset 0 0 0 1px rgba(191,219,254,.76);font-size:14px}.sidebar-footer{margin-top:auto;display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid rgba(219,231,247,.92);border-radius:22px;background:hsla(0,0%,100%,.72);box-shadow:0 18px 44px rgba(20,45,95,.08)}.sidebar-role span,.topbar-kicker{display:block;color:#718096;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sidebar-role strong{display:block;margin-top:6px;color:#0b1736;font-size:14px}.sidebar-logout{width:100%;min-height:42px;border:1px solid #bfdbfe;border-radius:14px;color:#0b4dd8;background:#f8fbff;font-weight:900;cursor:pointer}.sidebar-logout:hover{background:#eef5ff}.app-main-area{min-width:0;display:grid;grid-template-rows:auto 1fr}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:15;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(18px,3vw,42px);border-bottom:1px solid rgba(219,231,247,.9);background:hsla(0,0%,100%,.74);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-topbar strong{display:block;margin-top:3px;font-size:20px;letter-spacing:-.04em}.topbar-actions{display:flex;align-items:center;gap:10px}.app-content{min-width:0}.admin-wide,.employee-detail-page,.page,.page-fluid{width:min(1560px,calc(100vw - 320px))!important;margin-inline:auto!important;padding-top:clamp(24px,3vw,42px)!important;padding-bottom:70px!important}.page-head{position:relative;align-items:center;padding:clamp(20px,2.6vw,30px);border:1px solid rgba(219,231,247,.96);border-radius:28px;background:radial-gradient(circle at 88% 18%,rgba(22,183,232,.18),transparent 18rem),linear-gradient(135deg,hsla(0,0%,100%,.94),rgba(246,250,255,.86));box-shadow:var(--card-shadow);overflow:hidden}.page-head:after{content:"";position:absolute;right:20px;top:-55px;width:230px;height:230px;border-radius:999px;border:1px dashed rgba(15,99,255,.18);background:radial-gradient(circle,rgba(15,99,255,.06),transparent 62%)}.eyebrow{color:#0f63ff;letter-spacing:.16em}h1{color:#0b1736;font-size:clamp(32px,4vw,52px);font-weight:950;letter-spacing:-.06em}h2{color:#0f1f45;font-weight:920}.lead{color:#65758b;font-size:15px}.admin-panel,.card{position:relative;border:1px solid rgba(219,231,247,.96)!important;border-radius:26px!important;background:hsla(0,0%,100%,.86)!important;box-shadow:var(--card-shadow)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-panel:before,.card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75)}.toolbar{padding-bottom:14px;border-bottom:1px solid rgba(219,231,247,.78)}.input,input,select,textarea{border-color:#cbd9eb!important;border-radius:14px!important;background:hsla(0,0%,100%,.94)!important;box-shadow:0 8px 18px rgba(22,42,85,.035)}.input:focus,input:focus,select:focus,textarea:focus{border-color:#0f63ff!important;box-shadow:0 0 0 4px rgba(15,99,255,.13),0 12px 24px rgba(15,99,255,.08)!important}.btn{border-radius:14px!important;font-weight:900!important}.btn-primary,button[type=submit]:not(.sidebar-logout):not(.logout-button){border:0!important;color:#fff!important;background:linear-gradient(135deg,#0b4dd8,#0f63ff 52%,#16b7e8)!important;box-shadow:0 16px 34px rgba(15,99,255,.22)!important}.btn-ghost,.btn-secondary{background:hsla(0,0%,100%,.84)!important;border-color:#cbd9eb!important;color:#233455!important}.admin-table-scroll,.table-wrap{border:1px solid rgba(219,231,247,.96)!important;border-radius:22px!important;background:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.82)}table{background:transparent}th{color:#53627a!important;background:linear-gradient(180deg,#f8fbff,#f1f6ff)!important;border-bottom-color:#dbe7f7!important;letter-spacing:.05em}td,th{padding:15px 16px!important}td{border-bottom-color:#edf3fb!important}tbody tr:hover{background:#f7fbff!important}.role-badge,.status{border:1px solid #dbe7ff;background:linear-gradient(135deg,#eef5ff,#f4fbff);color:#0b4dd8;font-weight:900}.status-success{color:#047857!important;background:#ecfdf5!important;border-color:#bbf7d0!important}.empty{border-radius:22px;background:linear-gradient(135deg,#f8fbff,#f4fbff)}.search-panel{background:radial-gradient(circle at 8% 10%,rgba(15,99,255,.12),transparent 22rem),radial-gradient(circle at 95% 0,rgba(22,183,232,.12),transparent 18rem),hsla(0,0%,100%,.88)!important}.search-result-badge{border-radius:22px;border-color:#bfdbfe;background:linear-gradient(135deg,#eef5ff,#e9fbff)}.search-result-badge strong{font-size:34px}.active-filter-chip,.phase-chip{border-radius:999px;background:#fff;box-shadow:0 8px 20px rgba(20,45,95,.06)}.active-filter-chip:hover,.phase-chip.active{background:linear-gradient(135deg,#0f63ff,#16b7e8);color:#fff;border-color:transparent}.employee-name-link{color:#0b4dd8}.employee-name-link:hover{color:#083aa7}a[href="/employees/new/import"],a[href="/employees/new/manual"]{border:1px solid rgba(219,231,247,.96)!important;border-radius:26px!important;background:hsla(0,0%,100%,.88)!important;box-shadow:var(--card-shadow)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}a[href="/employees/new/import"]:hover,a[href="/employees/new/manual"]:hover{transform:translateY(-4px);border-color:#9fc1ff!important;box-shadow:0 30px 80px rgba(15,99,255,.16)!important}.employee-tabs{padding:8px;border:1px solid rgba(219,231,247,.86);border-radius:18px;background:hsla(0,0%,100%,.7)}.employee-detail-page [style*="border: 1px solid #ddd"],.employee-detail-page [style*="border: 1px solid rgb(221, 221, 221)"]{border-color:rgba(219,231,247,.96)!important;border-radius:24px!important;background:hsla(0,0%,100%,.88)!important;box-shadow:var(--card-shadow)!important}@media (max-width:980px){.app-shell{display:block}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:auto;padding:10px 12px 12px;border-right:0;border-bottom:1px solid rgba(219,231,247,.92)}.sidebar-brand{min-height:42px;padding:0 4px 8px;border-bottom:0}.sidebar-brand img{max-width:156px;max-height:42px}.sidebar-nav{display:flex;gap:8px;overflow-x:auto;padding:6px 0 2px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{flex:0 0 auto;padding:9px 12px;border-radius:999px;background:hsla(0,0%,100%,.76);border-color:#dbe7f7;font-size:13px}.sidebar-icon{width:24px;height:24px;border-radius:999px}.app-topbar,.sidebar-footer{display:none}.admin-wide,.employee-detail-page,.page,.page-fluid{width:min(100% - 24px,980px)!important;padding-top:18px!important}}@media (max-width:640px){.admin-wide,.employee-detail-page,.page,.page-fluid{width:calc(100% - 18px)!important}.page-head{padding:18px;border-radius:22px}h1{font-size:30px}.admin-panel,.card{padding:18px!important;border-radius:22px!important}}