:root{--neon-cyan: #22d3ee;--neon-cyan-2: #06b6d4;--neon-purple: #a855f7;--neon-purple-2: #7c3aed;--neon-pink: #f472b6;--portal-bg: #07070d;--glass: rgba(18, 20, 34, .55);--glass-brd: rgba(120, 160, 255, .18);--ink: #e8ecff;--ink-dim: #9aa4cc}.portal-root{position:relative;min-height:100vh;color:var(--ink);background:var(--portal-bg);overflow-x:hidden}.portal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:url(/portal-bg.jpg) center / cover no-repeat}.portal-bg:before{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:inherit;background-size:cover;animation:breathe 26s ease-in-out infinite alternate}@keyframes breathe{0%{transform:scale(1) translateY(0)}to{transform:scale(1.06) translateY(-1%)}}.portal-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070dd1,#07070d75 20%,#07070d80 70%,#07070dd1),radial-gradient(120% 80% at 50% 0%,transparent 45%,rgba(7,7,13,.7))}.cursor-glow{position:fixed;z-index:1;width:520px;height:520px;left:var(--mx, 50%);top:var(--my, 30%);transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(34,211,238,.1),rgba(168,85,247,.06) 40%,transparent 70%);transition:opacity .4s;mix-blend-mode:screen}.portal-content{position:relative;z-index:2}.glass{position:relative;background:var(--glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0d}.glass.neon:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--neon-cyan),transparent 35%,transparent 65%,var(--neon-purple));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8;pointer-events:none}.corners:before,.corners:after,.corners>.c-tl,.corners>.c-br{display:none}.corners{--c: 16px;--cw: 2px;--cc: var(--neon-cyan)}.corners>i.corner{position:absolute;width:var(--c);height:var(--c);pointer-events:none;opacity:.85}.corner.tl{top:8px;left:8px;border-top:var(--cw) solid var(--cc);border-left:var(--cw) solid var(--cc)}.corner.tr{top:8px;right:8px;border-top:var(--cw) solid var(--neon-purple);border-right:var(--cw) solid var(--neon-purple)}.corner.bl{bottom:8px;left:8px;border-bottom:var(--cw) solid var(--neon-purple);border-left:var(--cw) solid var(--neon-purple)}.corner.br{bottom:8px;right:8px;border-bottom:var(--cw) solid var(--cc);border-right:var(--cw) solid var(--cc)}.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s ease-out;will-change:transform}.tilt .glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),rgba(255,255,255,.16),transparent 45%);opacity:0;transition:opacity .25s}.tilt:hover .glare{opacity:1}.tilt .lift{transform:translateZ(34px)}.tilt .lift-sm{transform:translateZ(18px)}.float{animation:floatY 6s ease-in-out infinite}.float.slow{animation-duration:9s}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.neon-title{font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#eaffff,#5ee7ff 40%,#c79bff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(34,211,238,.2))}.neon-dim{color:#c2cae8;text-shadow:0 1px 8px rgba(0,0,0,.85)}.neon-btn{position:relative;border:none;border-radius:16px;color:#001016;font-weight:800;font-size:18px;letter-spacing:1px;cursor:pointer;overflow:hidden;transition:transform .15s,box-shadow .25s,filter .2s}.neon-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.neon-btn:active{transform:translateY(0)}.neon-btn:disabled{opacity:.5;cursor:not-allowed}.neon-btn .sheen{position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:sheen 3.2s ease-in-out infinite}@keyframes sheen{0%{left:-120%}60%,to{left:160%}}.nb-in{background:linear-gradient(135deg,#34f5c5,#22d3ee);box-shadow:0 8px 26px #22d3ee73}.nb-out{background:linear-gradient(135deg,#7aa8ff,#8b5cf6);box-shadow:0 8px 26px #8b5cf673;color:#fff}.nb-bout{background:linear-gradient(135deg,#ffd56b,#ff9d2f);box-shadow:0 8px 26px #ff9d2f66}.nb-bin{background:linear-gradient(135deg,#5ef0e0,#18c7d6);box-shadow:0 8px 26px #18c7d666}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;border:1px solid var(--glass-brd);background:#0a0e1c99}.status-pill .dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.pill-NOT_IN{color:#9aa4cc}.pill-WORKING{color:#34f5c5}.pill-ON_BREAK{color:#ffb454}.pill-DONE{color:#8b5cf6}.portal-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(180deg,#07070dd9,#07070d4d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portal-brand{display:flex;align-items:center;gap:10px;font-weight:800}.portal-brand img{width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(34,211,238,.6))}.portal-tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;display:flex;gap:6px;padding:8px;border-radius:20px;background:#0e101ecc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-brd);box-shadow:0 10px 40px #00000080;max-width:94vw}.portal-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:14px;color:var(--ink-dim);text-decoration:none;transition:all .2s}.portal-tabbar a .tab-label{font-size:11px}.portal-tabbar a .anticon{font-size:19px}.portal-tabbar a.active{color:#00131a;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));box-shadow:0 6px 18px #22d3ee59}.switch-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:12px;border:1px solid var(--neon-purple);color:var(--ink);background:#7c3aed26;cursor:pointer;font-weight:600;transition:all .2s}.switch-btn:hover{background:#7c3aed4d;box-shadow:0 0 16px #a855f766}.portal-root .ant-table{background:transparent}.portal-root .ant-table-thead>tr>th{background:#ffffff08!important;color:var(--ink-dim);border:none}.portal-root .ant-table-tbody>tr>td{background:transparent;border-color:#ffffff0d}.portal-root .ant-table-tbody>tr:hover>td{background:#22d3ee0d!important}.portal-root .ant-empty-description{color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){.portal-bg:before,.float,.neon-btn .sheen{animation:none}.tilt{transition:none}}.portal-topbar{padding-top:calc(12px + env(safe-area-inset-top))}@media (max-width: 768px){.cursor-glow{display:none}.portal-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@media (max-width: 600px){.portal-tabbar{gap:4px;padding:8px 6px}.portal-tabbar a{padding:12px 18px}.portal-tabbar a .tab-label{display:none}.portal-tabbar a .anticon{font-size:23px}}@media (max-width: 480px){.portal-topbar{padding-left:12px;padding-right:12px;gap:6px}.portal-brand{font-size:15px}.portal-brand img{width:26px;height:26px}.switch-btn{padding:6px 10px;font-size:12px}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,Microsoft JhengHei,PingFang TC,Segoe UI,sans-serif;background:#0d0d0f}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#07070d url(/login-bg.jpg) center / cover no-repeat fixed;padding:16px;position:relative}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 50%,#07070d4d,#07070dc7)}.login-card{width:100%;max-width:380px;position:relative;z-index:1;background:#10121eb8!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(120,160,255,.18)!important;box-shadow:0 20px 60px #0000008c}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#fff}.brand img{width:30px;height:30px}.punch-btn{height:92px;font-size:20px;font-weight:700}.stat-num{font-size:26px;font-weight:700}.pwa-update-banner{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:#0e101cf2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(34,211,238,.4);box-shadow:0 10px 36px #00000080,0 0 22px #22d3ee33;color:#eaf0ff;font-weight:600;max-width:92vw}.ant-message{top:calc(58px + env(safe-area-inset-top))!important}.ant-message-notice .ant-message-notice-content{background:#0e101ceb!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(120,160,255,.28)!important;border-radius:14px!important;box-shadow:0 10px 36px #0000008c,0 0 22px #22d3ee1f!important;color:#eaf0ff!important;font-weight:600;padding:11px 18px!important;position:relative;overflow:hidden}.ant-message-notice .ant-message-notice-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22d3ee,#a855f7)}.ant-message-custom-content.ant-message-success~*,.ant-message-notice:has(.ant-message-success) .ant-message-notice-content:before{background:linear-gradient(180deg,#34f5c5,#22d3ee)}.ant-message-notice:has(.ant-message-error) .ant-message-notice-content:before{background:linear-gradient(180deg,#ff6b8b,#ff4d6d)}.ant-message-notice:has(.ant-message-warning) .ant-message-notice-content:before{background:linear-gradient(180deg,#ffd56b,#ff9d2f)}.ant-message-notice .ant-message-success>.anticon{color:#34f5c5!important;filter:drop-shadow(0 0 6px rgba(52,245,197,.6))}.ant-message-notice .ant-message-error>.anticon{color:#ff6b8b!important;filter:drop-shadow(0 0 6px rgba(255,77,109,.6))}.ant-message-notice .ant-message-warning>.anticon{color:#ffd56b!important;filter:drop-shadow(0 0 6px rgba(255,213,107,.6))}.ant-notification-notice{background:#0e101cf0!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(120,160,255,.28)!important;border-radius:14px!important;box-shadow:0 12px 40px #0009,0 0 22px #22d3ee1f!important}@media (max-width: 768px){.ant-layout-sider{position:fixed;z-index:100;height:100%}}