:root{--bg:#050b13;--panel:#0b1521e8;--line:#213345;--text:#f5f8fb;--muted:#9cabb9;--ice:#36d5ff;--fire:#ff6a1a;--green:#31d292;--red:#ff5b69;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 4%,#0c3e53 0,transparent 30%),radial-gradient(circle at 94% 12%,#552213 0,transparent 28%),linear-gradient(180deg,#050911,#07131d 65%,#050a10);background-attachment:fixed}body:before{content:"SK";position:fixed;inset:18% auto auto 50%;translate:-50% 0;font-size:min(42vw,560px);font-weight:950;line-height:1;color:#fff;opacity:.018;pointer-events:none}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:14px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid #20303f;background:#050911eF;backdrop-filter:blur(18px)}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-weight:950;color:#06101a;background:linear-gradient(135deg,var(--ice),#e7faff 48%,var(--fire));box-shadow:0 0 28px #36d5ff35}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px}.brand-copy span,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--ice)}.logout{margin-left:auto;padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:13px}.shell{width:min(1220px,calc(100% - 32px));margin:32px auto 80px}.panel,.metric{border:1px solid var(--line);background:linear-gradient(145deg,#102131df,#0a111bdc);box-shadow:0 18px 55px #0005}.panel{padding:clamp(20px,3vw,34px);border-radius:var(--radius)}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-120px;border-radius:50%;background:linear-gradient(135deg,var(--ice),var(--fire));filter:blur(70px);opacity:.17}.eyebrow{margin:0 0 8px;color:var(--fire)}h1,h2,p{margin-top:0}h1{font-size:clamp(30px,5vw,56px);line-height:1;margin-bottom:12px}h2{font-size:clamp(22px,2.8vw,32px);margin-bottom:0}.muted,.empty{color:var(--muted);line-height:1.65}.month-control{z-index:1;display:grid;gap:8px;font-size:12px;font-weight:800;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px 14px;background:#060d16;color:var(--text);font:inherit}textarea{min-height:110px;resize:vertical}.month-control input{min-width:165px}.notice{margin:18px 0;padding:13px 16px;border-radius:14px;border:1px solid #2b7085;background:#0b2935;color:#b9efff}.notice.error{border-color:#8a3840;background:#30151b;color:#ffc6cb}.hidden{display:none!important}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.metric{position:relative;overflow:hidden;min-height:145px;padding:22px;border-radius:18px}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fire)}.metric-rating:before{background:var(--ice)}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:750}.metric strong{display:inline-block;margin:15px 6px 4px 0;font-size:42px;line-height:1}.metric small{color:var(--muted)}.grid-two{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.pill,.status{display:inline-flex;align-items:center;border:1px solid #2d4659;border-radius:999px;padding:7px 10px;color:#b5c3cf;background:#0a1420;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.focus-list{display:grid;gap:11px}.focus-item{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #223448;border-radius:14px;background:#07111b}.focus-item:before{content:"→";color:var(--fire);font-weight:900}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.activity-grid div{padding:16px;border-radius:14px;background:#08121c;border:1px solid #203043}.activity-grid dt{font-size:12px;color:var(--muted)}.activity-grid dd{margin:7px 0 0;font-size:26px;font-weight:850}.task-list,.journal-list{display:grid;gap:12px}.task,.journal{padding:16px;border-radius:15px;border:1px solid #213345;background:#08111b}.task-top{display:flex;justify-content:space-between;gap:12px}.task h3,.journal h3{margin:0 0 7px;font-size:17px}.task p,.journal p{margin:0;color:var(--muted);line-height:1.55}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.task button{margin-top:14px}.status.assigned,.status.rejected{color:#ffd4bc;border-color:#784229}.status.submitted{color:#b9efff;border-color:#28647b}.status.verified{color:#aef4d4;border-color:#28674e}.journal-layout{grid-template-columns:1fr 1fr}.journal-layout form,.journal-layout label{display:grid;gap:8px}.journal-layout form{gap:15px}.journal-layout label{font-size:12px;font-weight:800;color:#c0cbd4}.primary{border:0;border-radius:14px;padding:13px 18px;background:linear-gradient(120deg,var(--ice),#77ddff);color:#03111a;font:inherit;font-weight:900;cursor:pointer;box-shadow:6px 7px 0 var(--fire)}.primary:disabled{opacity:.5;cursor:not-allowed}.journal time{font-size:11px;color:var(--fire);font-weight:800}dialog{width:min(560px,calc(100% - 30px));border:1px solid #31475c;border-radius:22px;padding:0;background:#0a1420;color:var(--text);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#02060bdc;backdrop-filter:blur(6px)}dialog form{display:grid;gap:15px;padding:30px}dialog label{display:grid;gap:8px;font-size:12px;font-weight:800}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}
@media(max-width:820px){.shell{width:min(100% - 22px,700px);margin-top:18px}.topbar{padding:12px 14px}.brand-mark{width:44px;height:44px}.brand-copy strong{font-size:15px}.hero{align-items:stretch;flex-direction:column}.month-control input{width:100%}.metrics{grid-template-columns:1fr 1fr}.grid-two,.journal-layout{grid-template-columns:1fr}.metric{min-height:122px;padding:17px}.metric strong{font-size:34px}.panel{padding:20px}}
@media(max-width:470px){.brand-copy span{font-size:9px}.logout{padding:8px 10px}.metrics{gap:10px}.metric{min-height:112px}.metric strong{font-size:29px}.task-top{display:block}.status{margin:9px 0}.activity-grid{gap:8px}.activity-grid div{padding:13px}}
.logout{background:transparent;font:inherit;cursor:pointer}
.login-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow-x:hidden;padding:clamp(18px,4vw,48px)}
.login-page:before{content:"";position:fixed;inset:0;translate:0;background:url('/sk-official-host-20260718.png') center/ min(78vw,880px) auto no-repeat;opacity:.025;pointer-events:none}
.login-ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.login-ambient span{position:absolute;width:min(54vw,720px);aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.12}
.login-ambient-ice{left:-22vw;bottom:-32vw;background:var(--ice)}
.login-ambient-fire{right:-24vw;top:-30vw;background:var(--fire)}
.login-shell{position:relative;z-index:1;width:min(1040px,100%)}
.login-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);overflow:hidden;border:1px solid #2a4054;border-radius:32px;background:linear-gradient(135deg,#102434f2 0%,#09131ff5 48%,#130e15f2 100%);box-shadow:0 32px 110px #000b,0 0 0 1px #ffffff08}
.login-identity{position:relative;display:flex;min-height:650px;flex-direction:column;align-items:center;justify-content:center;padding:44px 38px;text-align:center;border-right:1px solid #294051;background:radial-gradient(circle at 50% 32%,#36d5ff24,transparent 37%),linear-gradient(145deg,#102739d9,#0a1522e3)}
.login-identity:before,.login-identity:after{content:"";position:absolute;width:145px;height:3px;border-radius:99px}
.login-identity:before{top:0;left:0;background:linear-gradient(90deg,var(--ice),transparent)}
.login-identity:after{right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--fire))}
.login-logo{display:block;width:min(260px,82%);height:auto;filter:drop-shadow(0 22px 32px #0009) drop-shadow(-8px 0 30px #36d5ff21) drop-shadow(8px 0 30px #ff6a1a21)}
.login-brand-copy{display:grid;gap:5px;margin-top:16px}
.login-brand-copy strong{font-size:clamp(23px,3vw,31px);line-height:1.05;letter-spacing:-.025em}
.login-brand-copy span{font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#8deaff,#fff,#ff9a59);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-identity>p{max-width:31ch;margin:20px 0 0;color:#a8bac7;font-size:14px;line-height:1.65}
.login-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,64px)}
.login-card .eyebrow{margin-bottom:12px}
.login-card h1{max-width:11ch;margin:0 0 16px;font-size:clamp(36px,5vw,58px);line-height:.98;letter-spacing:-.045em}
.login-intro{max-width:49ch;margin:0 0 26px;color:#aebdca;line-height:1.65}
.login-steps{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.login-steps li{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:12px 14px;border:1px solid #21394c;border-radius:15px;background:#07121dc7}
.login-steps li>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid #36d5ff70;border-radius:12px;color:var(--ice);font-size:11px;font-weight:950;letter-spacing:.06em;background:#0b2633}
.login-steps div{display:grid;gap:3px}
.login-steps strong{font-size:14px}
.login-steps small{color:#93a4b2;font-size:12px;line-height:1.4}
.login-command{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid #ff6a1a44;border-radius:15px;background:linear-gradient(90deg,#102631,#211513)}
.login-command>span{color:var(--fire);font-size:9px;font-weight:950;letter-spacing:.15em}
.login-command>strong{font-size:14px}
.login-command kbd{margin-left:auto;padding:6px 10px;border:1px solid #477085;border-bottom-width:3px;border-radius:9px;color:#c7f5ff;background:#07131e;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.login-card .notice{margin:0 0 15px;text-align:left}
.login-home{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin:0 0 20px;text-decoration:none;border-radius:16px;padding:15px 18px}
.login-home span:last-child{font-size:20px}
.login-security{display:block;color:#8394a2;text-align:center;font-size:11px;line-height:1.5}
@media(max-width:800px){.login-page{place-items:start center;padding:16px}.login-card{grid-template-columns:1fr;border-radius:25px}.login-identity{min-height:auto;padding:26px 22px 22px;border-right:0;border-bottom:1px solid #294051}.login-logo{width:142px}.login-brand-copy{margin-top:8px}.login-brand-copy strong{font-size:23px}.login-identity>p{display:none}.login-content{padding:28px 22px 30px}.login-card h1{max-width:12ch;font-size:clamp(34px,10vw,46px)}.login-intro{font-size:14px}.login-steps li{grid-template-columns:38px 1fr;padding:11px}.login-steps li>span{width:34px;height:34px}.login-command{flex-wrap:wrap}.login-command kbd{margin-left:auto}.login-page:before{background-size:min(120vw,660px) auto}}
@media(max-width:390px){.login-page{padding:10px}.login-identity{padding-top:20px}.login-logo{width:120px}.login-content{padding:24px 17px 26px}.login-card h1{font-size:32px}.login-intro{margin-bottom:20px}.login-steps small{font-size:11px}.login-command>span{width:100%}.login-command kbd{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.metrics{grid-template-columns:repeat(5,1fr)}.metric-target:before{background:var(--ice)}
@media(max-width:820px){.metrics{grid-template-columns:1fr 1fr}}