:root{--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--muted:#94a3b8;--surface:#fff;--surface-soft:#f8fafc;--surface-accent:#eef6ff;--border-soft:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569}*{box-sizing:border-box}html,body,#root{color:#0f172a;background:#f5f7fb;min-height:100%;margin:0;font-family:Inter,Arial,Microsoft YaHei,sans-serif}.xtten-sidebar{border-right:1px solid #ffffff0f;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 8%,#7c3aed5c,#0000 28%),radial-gradient(circle at 40% 92%,#2563eb47,#0000 30%),linear-gradient(#070b18 0%,#080617 45%,#05030f 100%)!important}.xtten-sidebar:before,.xtten-sidebar:after{display:none}.xtten-sidebar .ant-layout-sider-children,.xtten-sidebar .ant-menu,.xtten-sidebar .ant-menu-dark,.xtten-sidebar .ant-menu-root,.xtten-sidebar .ant-menu-inline{background:0 0!important}.xtten-sidebar .ant-menu-item{color:#ffffffb8;border-radius:12px;align-items:center;width:calc(100% - 20px);height:44px;margin:7px 10px;line-height:44px;transition:all .25s;display:flex}.xtten-sidebar .ant-menu-item .anticon{color:#ffffff9e;font-size:16px}.xtten-sidebar .ant-menu-item .ant-menu-title-content{text-overflow:clip;white-space:nowrap;font-size:15px;font-weight:600;overflow:visible;margin-inline-start:8px!important}.xtten-sidebar .ant-menu-item .ant-menu-item-icon,.xtten-sidebar .ant-menu-submenu-title .ant-menu-item-icon,.xtten-sidebar .ant-menu-item .anticon,.xtten-sidebar .ant-menu-submenu-title .anticon{flex:0 0 16px;min-width:16px}.xtten-sidebar .ant-menu-item:hover{color:#fff;transform:translate(4px);background:linear-gradient(135deg,#2563eb38,#7c3aed38)!important}.xtten-sidebar .ant-menu-item:hover .anticon{color:#fff}.xtten-sidebar .ant-menu-item-selected{box-shadow:0 10px 26px #4f46e561;color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important}.xtten-sidebar .ant-menu-item-selected .anticon{color:#fff!important}.xtten-sidebar .ant-menu-item-selected:hover{transform:translate(0)}.xtten-sidebar .ant-menu-submenu{margin:4px 0}.xtten-sidebar .ant-menu-submenu-title{border-radius:12px;align-items:center;width:calc(100% - 20px);margin:7px 10px;display:flex;color:#ffffffb8!important;height:44px!important;line-height:44px!important}.xtten-sidebar .ant-menu-submenu-title .ant-menu-title-content{text-overflow:clip;white-space:nowrap;overflow:visible;margin-inline-start:8px!important}.xtten-sidebar .ant-menu-sub.ant-menu-inline .ant-menu-item .ant-menu-title-content{font-size:14px;font-weight:600}.xtten-sidebar .ant-menu-submenu-title:hover{color:#fff!important;background:linear-gradient(135deg,#2563eb38,#7c3aed38)!important}.xtten-sidebar .ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff!important;background:#0f172a57!important}.xtten-sidebar .ant-menu-sub.ant-menu-inline{border:1px solid #94a3b829;border-radius:12px;width:calc(100% - 20px);margin:4px 10px 8px;padding:6px;background:#0307126b!important}.xtten-sidebar .ant-menu-sub.ant-menu-inline .ant-menu-item{border-radius:10px;width:100%;height:40px;margin:4px 0;line-height:40px}.xtten-sidebar .ant-menu-sub.ant-menu-inline .ant-menu-item-selected{box-shadow:0 8px 20px #4f46e552;background:linear-gradient(135deg,#2563eb,#7c3aed)!important}.ant-layout-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #eef0f4;background:#ffffffeb!important}.ant-card{transition:all .25s;box-shadow:0 2px 10px #0f172a0a,0 8px 30px #0f172a0d;border:1px solid #eef0f4!important;border-radius:16px!important}.ant-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #0f172a17}.ant-card-head{border-bottom:1px solid #eef0f4!important;min-height:54px!important}.ant-card-head-title{color:#0f172a;font-weight:700}.ant-table-wrapper{border-radius:16px;overflow:hidden}.attendance-chip{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;font-weight:600;display:inline-flex}.ant-table{color:#0f172a}.ant-table-tbody>tr:hover>td{background:#f8fafc!important}.ant-btn{font-weight:600;border-radius:10px!important}.ant-btn-primary{box-shadow:0 8px 18px #2563eb38;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border:none!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f129!important}.ant-tag{border-radius:999px;padding:2px 10px;font-weight:700}.ant-dropdown-menu{border-radius:12px!important;padding:8px!important;box-shadow:0 12px 36px #0f172a24!important}.ant-dropdown-menu-item{border-radius:8px!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-menu-dark .ant-menu-item{color:#ffffffb8;border-radius:14px;height:44px;margin:6px 0;line-height:44px}.ant-menu-dark .ant-menu-item:hover{color:#fff!important;background:#ffffff14!important}.ant-menu-dark .ant-menu-item-selected{box-shadow:0 10px 28px #7c3aed59;color:#fff!important;background:linear-gradient(135deg,#7c3aed,#c026d3)!important}.ant-card{border:1px solid #eef0f4!important;border-radius:24px!important;box-shadow:0 18px 45px #0f172a0f!important}.ant-table-wrapper .ant-table{border-radius:18px!important}.ant-table-thead>tr>th{color:#0f172a!important;background:#f8fafc!important;font-weight:700!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-radius:12px!important}.screenshot-lightbox .ant-image-preview-img{object-fit:contain;max-width:95vw;max-height:calc(100vh - 80px)}.screenshot-lightbox .ant-image-preview-wrap{inset:20px 2.5vw}.screenshot-lightbox .ant-image-preview-mask{background:#080f1ef0}.login-page{background:radial-gradient(circle at 0 0,#3b82f63d,#0000 26%),radial-gradient(circle at 100% 100%,#0f172a29,#0000 24%),linear-gradient(135deg,#eff6ff 0%,#eef2ff 45%,#f8fafc 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.login-shell{grid-template-columns:1.2fr .9fr;align-items:stretch;gap:28px;width:min(1120px,100%);display:grid}.login-hero,.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #94a3b83d;border-radius:28px;box-shadow:0 24px 60px #0f172a1f}.login-hero{color:#e2e8f0;background:linear-gradient(160deg,#0284c7f2,#0f172afa);flex-direction:column;justify-content:space-between;gap:24px;padding:34px;display:flex}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup img{background:#ffffff1f;border-radius:18px;width:64px;height:64px;padding:10px}.brand-kicker{letter-spacing:.18em;text-transform:uppercase;color:#e2e8f0b8;margin-bottom:6px;font-size:12px;display:inline-block}.login-hero h1{color:#f8fafc;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.02}.hero-copy{color:#e2e8f0d1;max-width:56ch;font-size:16px;line-height:1.7;margin:0!important}.feature-tags{margin-top:6px}.feature-tags .ant-tag{border:none;border-radius:999px;padding:6px 12px;font-weight:600}.login-preview{background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;gap:12px;padding:18px 20px;display:grid}.login-preview h3,.login-preview .ant-typography{color:inherit}.preview-row{color:#e2e8f0e6;justify-content:space-between;align-items:center;gap:12px;display:flex}.login-card{background:#ffffffeb;width:100%;padding:28px}.login-card-head{align-items:center;gap:14px;margin-bottom:24px;display:flex}.login-card-head img{background:linear-gradient(135deg,#1d4ed8,#38bdf8);border-radius:14px;width:48px;height:48px;padding:8px}.login-card-head h2{color:#0f172a;margin:0;font-size:24px}.login-card-head p{color:#64748b;margin:4px 0 0}.login-card .ant-form-item{margin-bottom:16px}.login-card .ant-input-affix-wrapper,.login-card .ant-input{border-radius:14px;min-height:48px}.login-card .ant-btn-primary{background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:14px;min-height:48px;font-weight:700;box-shadow:0 16px 28px #2563eb47}@media (width<=920px){.login-shell{grid-template-columns:1fr}.login-hero{order:2}.login-card{order:1}}