:root{--c-brand:#1c6cff;--c-brand-deep:#0e4cc4;--c-brand-soft:#e7efff;--c-accent:#8758ff;--c-success:#10a66b;--c-warning:#ff9b1c;--c-danger:#ef4444;--c-pink:#ff5c8a;--c-cyan:#18bcd6;--c-bg:#f5f7fb;--c-bg-2:#eef1f7;--c-card:#fff;--c-border:#e7edf7;--c-divider:#eef0f6;--c-muted:#7c8aa5;--c-mute-2:#a0aac0;--c-text:#1a2236;--c-text-2:#4a5568;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--sh-sm:0 1px 2px #141e3c0d;--sh-md:0 6px 18px #141e3c0f;--sh-lg:0 16px 40px #141e3c14;--sh-glow:0 0 0 4px #1c6cff1f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--t-fast:.12s ease;--t:.2s ease}html,body,#root{height:100%}img{max-width:100%;max-height:100%}.avatar-mini,.who-av,.team-avatar,.team-avatar-lg,.sc-av,.avatar-ring,.hero-photo,.avatar-mini,.streamer-card .avatar,.brand-logo,.picker-avatar,.cal-row-avatar{overflow:hidden}body{font-family:var(--font-sans);color:var(--c-text);-webkit-font-smoothing:antialiased;background:linear-gradient(#f5f7fb 0%,#eef2fa 100%);margin:0;font-size:14px;line-height:1.55}a{color:var(--c-brand);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{color:var(--c-text);margin:0;font-weight:700}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}code{font-family:var(--font-mono);background:var(--c-bg-2);border-radius:4px;padding:1px 6px;font-size:12px}.muted{color:var(--c-muted);font-size:12px}small{color:var(--c-muted)}em{color:var(--c-muted);font-style:normal}b{font-weight:700}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--c-border);background:linear-gradient(#fff 0%,#f7f9fe 100%);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--c-border);background:linear-gradient(#fff 0%,#fafbff 100%);align-items:center;gap:12px;padding:18px 16px;display:flex;position:relative}.brand:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-border) 50%, transparent 100%);height:1px;position:absolute;bottom:-1px;left:16px;right:16px}.brand-logo{border-radius:var(--r-md);color:#fff;background:linear-gradient(135deg,#1c6cff 0%,#8758ff 50%,#ff5c8a 100%);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #1c6cff59}.brand-logo:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff4d 50%,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.brand-logo img{object-fit:cover;width:100%;height:100%}.brand-info{flex:1;min-width:0}.brand h2{color:var(--c-text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#1a2236 0%,#1c6cff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.brand span{color:var(--c-muted);white-space:nowrap;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.brand-dot{background:#10a66b;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite brandPulse;box-shadow:0 0 0 3px #10a66b26}@keyframes brandPulse{0%,to{opacity:1}50%{opacity:.55}}.menu-list{flex:1;padding:12px 8px;overflow-y:auto}.menu-item{border-radius:var(--r-md);width:100%;color:var(--c-text-2);transition:var(--t);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex;position:relative}.menu-item .menu-ico{text-align:center;width:22px;font-size:16px}.menu-item:hover{background:var(--c-brand-soft);color:var(--c-brand)}.menu-item.active{color:#fff;background:linear-gradient(90deg,#1c6cff 0%,#4a89ff 50%,#8758ff 100%);font-weight:800;box-shadow:0 8px 20px #1c6cff59,inset 0 1px #fff3}.menu-item.active:before{content:"";background:#fff;border-radius:999px;width:4px;position:absolute;top:6px;bottom:6px;left:-8px;box-shadow:0 0 8px #1c6cff99}.menu-item.active:hover{color:#fff;transform:translate(2px)}.menu-item.menu-parent.active{font-weight:800}.menu-item.menu-child{padding-left:28px;font-size:13px}.menu-item.menu-child.active{font-weight:700}.sidebar-footer{color:var(--c-mute-2);border-top:1px solid var(--c-border);padding:12px 18px;font-size:11px}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);background:#ffffffb3;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.topbar h1{font-size:18px}.top-actions{align-items:center;gap:10px;display:flex;position:relative}.user-pill{background:var(--c-brand-soft);color:var(--c-brand);border-radius:var(--r-pill);padding:4px 10px;font-size:12px}.content-stack{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.app-footer{color:var(--c-mute-2);text-align:center;border-top:1px solid var(--c-border);padding:18px 28px;font-size:12px}.card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:var(--t);padding:18px 20px}.card:hover{box-shadow:var(--sh-md)}.card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{font-size:14px}.card-extra{color:var(--c-muted);font-size:12px}.card-body{flex-direction:column;gap:12px;display:flex}.pill{border-radius:var(--r-pill);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-neutral{background:var(--c-bg-2);color:var(--c-text-2)}.pill-info{color:var(--c-brand);background:#e3efff}.pill-success{color:var(--c-success);background:#d6f5e6}.pill-warning{color:var(--c-warning);background:#fff0d6}.pill-danger{color:var(--c-danger);background:#ffe2e2}.pill-mute{color:var(--c-muted);background:#e9eef5}.btn{border:1px solid var(--c-border);color:var(--c-text);border-radius:var(--r-md);transition:var(--t);background:#fff;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-brand);color:var(--c-brand)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--c-brand) 0%, #4a89ff 100%);color:#fff;box-shadow:var(--sh-md);border-color:#0000}.btn-primary:hover:not(:disabled){color:#fff;box-shadow:var(--sh-glow);transform:translateY(-1px)}.btn-success{background:var(--c-success);color:#fff;border-color:#0000}.btn-success:hover:not(:disabled){color:#fff;background:#0d8b59}.btn-danger{color:var(--c-danger);background:#fff;border-color:#ffd1d1}.btn-danger:hover:not(:disabled){background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-ghost{color:var(--c-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--c-text);background:var(--c-bg-2)}.btn.is-loading{pointer-events:none;opacity:.8}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{color:var(--c-text-2);flex-direction:column;gap:6px;font-size:12px;display:flex}.field>span{font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);transition:var(--t-fast);background:#fff;padding:8px 12px;font-family:inherit;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c-brand);box-shadow:var(--sh-glow);outline:none}.field.wide{grid-column:1/-1}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.form-stack{flex-direction:column;gap:12px;display:flex}.upload-tile{background:var(--c-bg-2);border:1px dashed var(--c-border);border-radius:var(--r-md);color:var(--c-muted);cursor:pointer;text-align:center;transition:var(--t);justify-content:center;align-items:center;padding:16px;font-size:12px;display:flex}.upload-tile:hover{border-color:var(--c-brand);color:var(--c-brand);background:var(--c-brand-soft)}.upload-tile input{display:none}.spinner{color:var(--c-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 0;display:flex}.spinner-ring{border:3px solid var(--c-bg-2);border-top-color:var(--c-brand);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.empty-state{color:var(--c-mute-2);flex-direction:column;align-items:center;gap:8px;padding:36px 0;display:flex}.empty-illustration{color:var(--c-mute-2)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--c-muted);background:var(--c-bg);border-bottom:1px solid var(--c-border);white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--c-divider);padding:16px 18px;font-size:13.5px}.data-table tr:hover td{background:var(--c-bg)}.modal-mask{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f193273;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:var(--r-lg);width:92%;box-shadow:var(--sh-lg);background:#fff;flex-direction:column;max-height:90vh;animation:.25s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h3{font-size:15px}.modal-body{padding:18px;overflow-y:auto}.icon-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--c-muted);background:0 0;border:none;font-size:22px;line-height:1}.icon-btn:hover{background:var(--c-bg-2);color:var(--c-text)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toast-stack{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast-card{border-radius:var(--r-md);box-shadow:var(--sh-lg);background:#fff;padding:10px 16px;font-size:13px;animation:.25s slideUp}.toast-card.tone-success{color:var(--c-success);background:#d6f5e0}.toast-card.tone-warning{color:var(--c-warning);background:#fff0d6}.toast-card.tone-danger{color:var(--c-danger);background:#ffe2e2}.toast-card.tone-info{color:var(--c-brand);background:#e3efff}.login-screen{background:linear-gradient(135deg,#1c6cff 0%,#8758ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.login-blob{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.blob-1{background:#ff5c8a;width:380px;height:380px;top:-80px;left:-80px}.blob-2{background:#18bcd6;width:460px;height:460px;bottom:-120px;right:-120px}.blob-3{background:#ff9b1c;width:280px;height:280px;top:40%;left:60%}.login-card{z-index:1;width:380px;max-width:92vw;box-shadow:var(--sh-lg);position:relative}.login-brand{text-align:center;margin-bottom:18px}.login-logo{background:linear-gradient(135deg, var(--c-brand) 0%, var(--c-accent) 100%);color:#fff;width:64px;height:64px;box-shadow:var(--sh-md);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 12px;font-size:28px;font-weight:800;display:flex}.login-brand h1{font-size:22px}.login-brand p{color:var(--c-muted);margin-top:4px;font-size:13px}.login-form{flex-direction:column;gap:14px;display:flex}.login-hint{text-align:center;color:var(--c-muted);flex-direction:column;gap:4px;margin-top:14px;display:flex}.page-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-hero h2{font-size:22px}.badge{background:var(--c-brand-soft);color:var(--c-brand);letter-spacing:.05em;border-radius:var(--r-pill);padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;display:grid}.hero-card{background:linear-gradient(135deg, var(--c-brand) 0%, #4a89ff 100%);color:#fff;border:none}.hero-card:hover{box-shadow:var(--sh-lg)}.hero-card h2{color:#fff;font-size:22px}.hero-card p{color:#ffffffd9;margin-top:6px;font-size:12px}.hero-eyebrow{letter-spacing:.08em;color:#fffc;font-size:11px}.kpi-tile{flex-direction:column;gap:4px;padding:16px;display:flex}.kpi-tile b{font-size:22px}.kpi-tile.tone-info b{color:var(--c-brand)}.kpi-tile.tone-success b{color:var(--c-success)}.kpi-tile.tone-warning b{color:var(--c-warning)}.kpi-big{flex-direction:column;gap:4px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.kpi-big:before{content:"";opacity:.08;pointer-events:none;background:linear-gradient(135deg,currentColor 0%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.kpi-big span{color:var(--c-muted);font-size:12px}.kpi-big b{font-size:26px}.kpi-big em{color:var(--c-muted);font-size:11px;font-style:normal}.kpi-big.tone-blue b{color:var(--c-brand)}.kpi-big.tone-green b{color:var(--c-success)}.kpi-big.tone-purple b{color:var(--c-accent)}.kpi-big.tone-orange b{color:var(--c-warning)}.chart-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.rank-row{grid-template-columns:2fr 1fr;gap:16px;display:grid}.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-list li{border-bottom:1px dashed var(--c-divider);grid-template-columns:28px 120px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.rank-list li:last-child{border-bottom:none}.rank-index{background:var(--c-bg-2);width:24px;height:24px;color:var(--c-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.rank-list li:first-child .rank-index{color:#fff;background:linear-gradient(135deg,#ffd56a,#ff9b1c)}.rank-list li:nth-child(2) .rank-index{color:#fff;background:linear-gradient(135deg,#d6dde9,#a0aac0)}.rank-list li:nth-child(3) .rank-index{color:#fff;background:linear-gradient(135deg,#ffc08f,#d68b4d)}.rank-list li b{font-size:13px}.rank-list li i{background:linear-gradient(90deg, var(--c-brand) 0%, var(--c-accent) 100%);border-radius:4px;height:8px}.rank-list li em{color:var(--c-text);font-size:12px;font-weight:600}.funnel-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.funnel-list li{background:var(--c-bg);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.funnel-list li b{color:var(--c-text);font-size:13px}.tab-page{flex-direction:column;gap:16px;display:flex}.sub-tabs{border:1px solid var(--c-border);border-radius:var(--r-lg);background:#fff;flex-wrap:wrap;gap:8px;width:-moz-fit-content;width:fit-content;padding:8px;display:flex}.sub-tabs button{border-radius:var(--r-md);color:var(--c-muted);transition:var(--t);background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500}.sub-tabs button:hover{color:var(--c-text)}.sub-tabs button.active{background:var(--c-brand);color:#fff}.group-filter-pills{flex-wrap:wrap;gap:6px;display:flex}.group-filter-pills button{border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text-2);transition:var(--t);background:#fff;padding:6px 12px;font-size:12px}.group-filter-pills button:hover{border-color:var(--c-brand);color:var(--c-brand)}.group-filter-pills button.active{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.streamer-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.streamer-card{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;align-items:center;gap:12px;padding:14px;display:flex}.streamer-card:hover{border-color:var(--c-brand);box-shadow:var(--sh-md)}.streamer-card .avatar{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.streamer-card .avatar img{object-fit:cover;width:100%;height:100%}.streamer-card .info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.streamer-card .info b{font-size:14px}.streamer-card .info small{color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.streamer-card .info>div{flex-wrap:wrap;gap:4px;display:flex}.streamer-card .actions{flex-direction:column;gap:6px;display:flex}.rooms-page{flex-direction:column;gap:16px;display:flex}.room-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.room-card{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;flex-direction:column;gap:10px;padding:16px;display:flex}.room-card:hover{border-color:var(--c-brand);box-shadow:var(--sh-md)}.room-card header{justify-content:space-between;align-items:center;display:flex}.room-card .metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-card .metrics div{background:var(--c-bg);border-radius:var(--r-sm);padding:8px 10px}.room-card .metrics span{color:var(--c-muted);font-size:11px;display:block}.room-card .metrics b{font-size:13px}.slot-list{flex-wrap:wrap;gap:4px;display:flex}.schedules-page{flex-direction:column;gap:16px;display:flex}.schedule-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.schedule-layout{grid-template-columns:220px 1fr;gap:16px;display:grid}.room-rail{flex-direction:column;gap:6px;display:flex}.room-rail button{text-align:left;border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.room-rail button:hover{border-color:var(--c-brand)}.room-rail button.active{background:var(--c-brand-soft);border-color:var(--c-brand)}.room-rail button b{font-size:13px}.room-rail button small{color:var(--c-muted);font-size:11px}.room-calendar{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:70vh;padding-right:4px;display:grid;overflow-y:auto}.day-card{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;flex-direction:column;gap:6px;padding:10px;display:flex}.day-card h4{color:var(--c-muted);font-size:12px}.slot-stack{flex-direction:column;gap:4px;display:flex}.slot-cell{background:var(--c-bg);border:1px dashed var(--c-border);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:var(--t);flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;font-size:11px;display:flex}.slot-cell:hover{border-style:solid;border-color:var(--c-brand)}.slot-cell.empty b{color:var(--c-mute-2);font-weight:400}.slot-cell.assigned{background:var(--c-brand-soft);border-style:solid;border-color:var(--c-brand)}.slot-cell.confirmed{color:#fff;background:linear-gradient(135deg,#1c6cff 0%,#4a89ff 100%);border-color:#0000}.slot-cell.confirmed strong em{color:#ffffffe6}.slot-cell strong{align-items:center;gap:6px;display:flex}.slot-cell strong i,.slot-cell strong img{background:var(--c-bg-2);width:18px;height:18px;color:var(--c-text);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.slot-cell.confirmed strong i{color:#fff;background:#ffffff4d}.slot-cell strong em{font-size:11px;font-style:normal}.streamer-picker{flex-direction:column;gap:12px;display:flex}.picker-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.picker-list button{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.picker-list button:hover{border-color:var(--c-brand);background:var(--c-brand-soft)}.pc-attendance-page{flex-direction:column;gap:16px;display:flex}.clock-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.clock-hero h2{font-size:20px}.clock-hero .status{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.clock-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.clock-card{flex-direction:column;gap:12px;display:flex}.clock-card header{align-items:center;gap:12px;display:flex}.clock-card .step{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.paste-zone{border:2px dashed var(--c-border);border-radius:var(--r-md);text-align:center;color:var(--c-muted);transition:var(--t);cursor:pointer;outline:none;flex-direction:column;gap:4px;padding:28px;display:flex}.paste-zone:hover,.paste-zone:focus{border-color:var(--c-brand);background:var(--c-brand-soft);color:var(--c-brand)}.paste-zone b{color:var(--c-text);font-size:14px}.paste-zone em{color:var(--c-success);font-size:12px}.field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preview-info{color:#b6e1ff;border-radius:var(--r-md);background:#0f1932;max-height:200px;padding:12px;font-size:12px;overflow:auto}.review-page,.reports-page,.leave-page,.salary-page,.system-page,.review-detail-page,.shot-grid{flex-direction:column;gap:16px;display:flex}.shot-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.shot{border-radius:var(--r-md);border:1px solid var(--c-border);width:100%}.role-card-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;display:grid}.role-card-v2{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);background:#fff;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.role-card-v2:hover{box-shadow:var(--sh-md);border-color:var(--c-brand);transform:translateY(-1px)}.role-card-v2.protected{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-color:#ffd1d1}.role-card-v2 header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.role-card-v2 header b{color:var(--c-text);font-size:16px;font-weight:800;display:block}.role-card-v2 header small{color:var(--c-muted);margin-top:2px;font-size:12px;display:block}.role-card-v2 header code{background:var(--c-bg);color:var(--c-text-2);border-radius:4px;padding:1px 6px;font-size:11px}.role-perms{flex-wrap:wrap;gap:6px;min-height:28px;display:flex}.perm-tag{background:var(--c-brand-soft);color:var(--c-brand);border-radius:var(--r-pill);align-items:center;gap:4px;padding:3px 10px;font-size:11px;display:inline-flex}.perm-tag b{font-weight:700}.perm-tag small{color:var(--c-mute-2);font-size:10px}.role-admins{background:var(--c-bg);border-radius:var(--r-sm);padding:10px 12px}.role-admins .ra-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.role-admins .ra-head span{color:var(--c-muted);letter-spacing:.03em;font-size:11px}.role-admins .ra-head b{color:var(--c-text);font-family:var(--font-mono);margin-left:2px}.role-admins ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.role-admins li{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.ra-av{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.ra-info b{color:var(--c-text);font-size:12px;display:block}.ra-info small{color:var(--c-mute-2);font-size:10px;display:block}.ra-more{color:var(--c-muted);text-align:center;padding-top:2px;font-size:11px}.role-actions{justify-content:flex-end;gap:8px;display:flex}.role-actions .btn{padding:6px 14px;font-size:12px}.role-editor{flex-direction:column;gap:18px;display:flex}.re-section h4{color:var(--c-text);border-bottom:1px dashed var(--c-bg-2);align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;font-size:13px;display:flex}.re-section h4 small{font-weight:400}.perm-matrix{background:var(--c-border);border:1px solid var(--c-border);border-radius:var(--r-sm);gap:1px;display:grid;overflow:hidden}.pm-head,.pm-row{background:#fff;grid-template-columns:1.4fr repeat(4,1fr);display:grid}.pm-head{background:var(--c-bg);color:var(--c-muted);letter-spacing:.04em;font-size:11px;font-weight:700}.pm-head span{text-align:center;padding:10px 12px}.pm-head span:first-child{text-align:left}.pm-row span{padding:10px 12px;font-size:13px}.pm-mod{color:var(--c-text);font-weight:600}.pm-cell{cursor:pointer;transition:var(--t);color:var(--c-mute-2);justify-content:center;align-items:center;font-size:16px;display:flex}.pm-cell:hover{background:var(--c-brand-soft)}.pm-cell.on{background:var(--c-brand-soft);color:var(--c-brand);font-weight:700}.pm-cell input{display:none}.pm-helper{color:var(--c-muted);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.text-btn{color:var(--c-brand);cursor:pointer;border-radius:var(--r-sm);transition:var(--t);background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:600}.text-btn:hover{background:var(--c-brand-soft)}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.feature-card{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.feature-card.on{border-color:var(--c-success);background:linear-gradient(135deg,#f0faf3 0%,#fff 100%)}.feature-card:hover{box-shadow:var(--sh-md)}.mobile-register-page{background:linear-gradient(#f5f7fb 0%,#e8efff 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.mobile-register-card{width:100%;max-width:480px}.register-hero{margin-bottom:16px}.register-hero h1{margin-top:6px;font-size:20px}.register-hero p{color:var(--c-muted);font-size:13px}.success-card{text-align:center}.success-icon{color:#fff;background:linear-gradient(135deg,#d6f5e0 0%,#10a66b 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:30px;display:flex}.success-lines{text-align:left;background:var(--c-bg);border-radius:var(--r-md);flex-direction:column;gap:6px;margin:16px 0;padding:12px;display:flex}.success-lines div{justify-content:space-between;display:flex}.mobile-streamer-shell{background:linear-gradient(#f5f7fb 0%,#e8efff 100%);flex-direction:column;gap:16px;min-height:100vh;padding:16px;display:flex}.m-hero{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.m-hero h1{margin-top:4px;font-size:20px}.m-date-picker{color:var(--c-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.m-date-picker input{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;padding:6px 10px}.m-schedule-list{flex-direction:column;gap:10px;display:flex}.m-schedule-card{flex-direction:column;gap:8px;display:flex}.m-schedule-card header{justify-content:space-between;align-items:center;display:flex}.m-schedule-card.confirmed{border-color:var(--c-brand);background:linear-gradient(135deg,#f0f5ff 0%,#fff 100%)}.m-schedule-card p{color:var(--c-muted);margin:0;font-size:13px}.m-pw-card h3{margin-bottom:10px}.m-footer{color:var(--c-muted);justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.m-pill-btn{border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text);cursor:pointer;transition:var(--t);background:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.m-pill-btn:hover{border-color:var(--c-brand);color:var(--c-brand)}.m-pill-btn b{color:var(--c-brand)}.m-timeline-card{padding:14px 12px 10px}.mt-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mt-nav{background:var(--c-bg);border:1px solid var(--c-border);width:32px;height:32px;color:var(--c-text);cursor:pointer;transition:var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.mt-nav:hover{background:var(--c-brand-soft);color:var(--c-brand);border-color:var(--c-brand)}.mt-title{text-align:center;flex:1}.mt-title b{color:var(--c-text);font-size:13px;display:block}.mt-title small{color:var(--c-muted);font-size:10px;font-family:var(--font-mono)}.m-timeline{grid-template-columns:repeat(13,1fr);gap:4px;padding-bottom:4px;display:grid;overflow-x:auto}.mt-cell{border-radius:var(--r-sm);cursor:pointer;transition:var(--t);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;display:flex}.mt-cell:hover{background:var(--c-bg)}.mt-cell.active{background:linear-gradient(135deg, var(--c-brand) 0%, #6f9bff 100%);color:#fff;border-color:var(--c-brand);transform:translateY(-1px);box-shadow:0 4px 12px #4a69f559}.mt-cell.today:not(.active){border-color:var(--c-brand);background:var(--c-brand-soft)}.mt-cell.has:not(.active){background:#fff8e8}.mt-w{color:var(--c-muted);font-size:10px}.mt-cell.active .mt-w{color:#ffffffd9}.mt-d{color:var(--c-text);font-size:16px;font-weight:700}.mt-cell.active .mt-d{color:#fff}.mt-dot{border-radius:8px;padding:1px 4px;font-size:9px;font-weight:600}.mt-dot.none{color:var(--c-muted);opacity:.4}.mt-dot.partial{color:#b07d00;background:#fff3d6}.mt-dot.all{color:#1a7a3a;background:#d4f5e0}.mt-cell.active .mt-dot.partial{color:#fff;background:#ffffff40}.mt-cell.active .mt-dot.all{color:#fff;background:#ffffff4d}.mt-foot{border-top:1px dashed var(--c-border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.mt-today{background:var(--c-brand-soft);color:var(--c-brand);border-radius:var(--r-pill);cursor:pointer;transition:var(--t);border:0;padding:6px 14px;font-size:12px;font-weight:600}.mt-today:hover{background:var(--c-brand);color:#fff}.mt-foot small{color:var(--c-muted);font-size:11px}.m-picker{border-radius:var(--r-md);z-index:101;background:#fff;flex-direction:column;gap:14px;width:320px;max-width:90vw;padding:18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #141e3c33}.m-picker header{justify-content:space-between;align-items:center;display:flex}.m-picker header b{font-size:15px}.m-picker header button{background:var(--c-bg);width:28px;height:28px;color:var(--c-muted);cursor:pointer;border:0;border-radius:50%;font-size:18px}.m-picker input{border:1px solid var(--c-border);border-radius:var(--r-md);width:100%;padding:10px 12px;font-size:14px}.mp-actions{justify-content:flex-end;gap:8px;display:flex}.m-schedule-card small{color:var(--c-muted);font-size:12px}.m-schedule-card p{font-size:13px}.net{color:var(--c-success);font-weight:700}@media (max-width:960px){.hero-row,.kpi-row,.chart-row,.rank-row,.clock-grid,.shot-grid{grid-template-columns:1fr 1fr}.schedule-layout{grid-template-columns:1fr}}@media (max-width:600px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.hero-row,.kpi-row,.chart-row,.rank-row,.clock-grid,.shot-grid{grid-template-columns:1fr}.content-stack{padding:16px}.field-grid{grid-template-columns:1fr}}.home-v2{flex-direction:column;gap:22px;max-width:1440px;display:flex}.home-hero{border-radius:var(--r-xl);color:#fff;isolation:isolate;background:linear-gradient(135deg,#0e1f4d 0%,#1c2f7a 40%,#4f3faf 100%);padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f1e5040}.home-hero-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.home-hero-bg .grid-overlay{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.home-hero-bg .orb{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.orb-a{background:#1c6cff;width:360px;height:360px;top:-120px;left:-80px}.orb-b{background:#ff5c8a;width:320px;height:320px;bottom:-100px;right:-60px}.orb-c{opacity:.35;background:#18bcd6;width:220px;height:220px;top:30%;right:30%}.home-hero-content{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.home-hero-greet{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.home-hero-greet h1{color:#fff;margin-top:6px;font-size:28px}.home-hero-greet .eyebrow{letter-spacing:.12em;color:#ffffffa6;text-transform:uppercase;border-radius:var(--r-pill);background:#ffffff14;border:1px solid #ffffff1f;padding:4px 10px;font-size:11px}.home-hero-greet .muted{color:#ffffffb3;margin-top:4px;font-size:13px}.status-pills{flex-wrap:wrap;gap:6px;display:flex}.status-pills .pill{border:1px solid #ffffff26;color:#fff!important;background:#ffffff1f!important}.status-pills .pill-success{background:#10a66b40!important}.hero-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hero-stat{border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);transition:var(--t);background:#ffffff14;border:1px solid #ffffff1f;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.hero-stat:hover{background:#ffffff24;transform:translateY(-2px)}.hero-stat span{color:#ffffffb3;letter-spacing:.04em;font-size:11px}.hero-stat b{color:#fff;font-size:26px;line-height:1.1}.hero-stat em{color:#ffffffa6;margin-left:4px;font-size:12px;font-style:normal}.hero-stat small{color:#ffffff8c;font-size:11px}.hero-stat.tone-blue b{color:#b3d1ff}.hero-stat.tone-green b{color:#b3f0d4}.hero-stat.tone-amber b{color:#ffd9a0}.hero-stat.tone-purple b{color:#d6c8ff}.hero-stat.pulse b{animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.attention-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.attention-card{border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:var(--t);color:var(--c-text);background:#fff;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.attention-card:before{content:"";background:linear-gradient(135deg, var(--ac,var(--c-brand)) 0%, transparent 60%);opacity:.06;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.attention-card:hover{box-shadow:var(--sh-md);border-color:var(--ac,var(--c-brand));transform:translateY(-3px)}.attention-card .at-icon{background:var(--ac-soft,var(--c-brand-soft));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.attention-card div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attention-card span{color:var(--c-muted);font-size:12px}.attention-card b{font-size:22px;line-height:1.1}.attention-card small{color:var(--c-muted);font-size:11px}.attention-card .at-arrow{color:var(--c-mute-2);transition:var(--t);font-size:18px}.attention-card:hover .at-arrow{color:var(--ac,var(--c-brand));transform:translate(4px)}.attention-card.tone-amber{--ac:#ff9b1c;--ac-soft:#fff0d6}.attention-card.tone-amber b{color:#ff9b1c}.attention-card.tone-green{--ac:#10a66b;--ac-soft:#d6f5e6}.attention-card.tone-green b{color:#10a66b}.attention-card.tone-pink{--ac:#ff5c8a;--ac-soft:#ffe0eb}.attention-card.tone-pink b{color:#ff5c8a}.attention-card.tone-blue{--ac:#1c6cff;--ac-soft:#e3efff}.attention-card.tone-blue b{color:#1c6cff}.main-row{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.main-col{flex-direction:column;gap:16px;display:flex}.card-head-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.card-head-row h2{font-size:15px}.card-head-row p{margin-top:2px}.kpi-inline{color:var(--c-muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.trend-card .chart-wrap{margin:0 -4px}.dual-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.funnel-bars{flex-direction:column;gap:14px;margin-top:8px;display:flex}.funnel-step{flex-direction:column;gap:4px;display:flex}.funnel-step-head{justify-content:space-between;font-size:12px;display:flex}.funnel-step-name{color:var(--c-text-2)}.funnel-step b{color:var(--c-text);font-size:14px}.funnel-step-bar{background:var(--c-bg-2);border-radius:4px;height:8px;overflow:hidden}.funnel-step-bar i{background:linear-gradient(90deg,#1c6cff,#8758ff);border-radius:4px;height:100%;transition:width .6s;display:block}.funnel-step small{font-size:10px}.funnel-step.health-good small{color:var(--c-success)}.funnel-step.health-ok small{color:var(--c-warning)}.funnel-step.health-bad small{color:var(--c-danger)}.funnel-step.health-bad .funnel-step-bar i{background:linear-gradient(90deg,#ff5c8a,#ef4444)}.funnel-step.health-good .funnel-step-bar i{background:linear-gradient(90deg,#10a66b,#18bcd6)}.day-timeline{flex-direction:column;gap:4px;max-height:260px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.timeline-row{border-radius:var(--r-md);background:var(--c-bg);transition:var(--t);border:1px solid #0000;grid-template-columns:56px 16px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid;position:relative}.timeline-row:hover{background:var(--c-brand-soft)}.timeline-row.confirmed{border-color:var(--c-brand);background:linear-gradient(90deg,#e3efff 0%,#fff 100%)}.timeline-row .t-time{color:var(--c-text);font-size:12px;font-weight:700}.timeline-row .t-dot{background:var(--c-mute-2);border-radius:50%;justify-self:center;width:8px;height:8px}.timeline-row.confirmed .t-dot{background:var(--c-brand);box-shadow:0 0 0 4px var(--c-brand-soft)}.timeline-row .t-info b{font-size:12px;display:block}.timeline-row .t-info small{color:var(--c-muted);font-size:10px}.podium{justify-content:center;align-items:flex-end;gap:12px;padding:20px 0 0;display:flex}.podium-col{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:100px;display:flex}.podium-avatar{color:#fff;z-index:1;background:linear-gradient(135deg,#ffd56a,#ff9b1c);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 12px #00000026}.podium-col b{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.podium-col small{color:var(--c-muted);font-size:10px}.podium-bar{background:linear-gradient(#ffd56a 0%,#ff9b1c 100%);border-radius:8px 8px 0 0;width:100%;min-height:24px;margin-top:4px;transition:height .5s;box-shadow:inset 0 -8px 16px #00000014}.podium-col.rank-1 .podium-bar{background:linear-gradient(#ffe188 0%,#ff9b1c 100%)}.podium-col.rank-2 .podium-bar{background:linear-gradient(#d8dde9 0%,#a0aac0 100%)}.podium-col.rank-3 .podium-bar{background:linear-gradient(#ffcfa2 0%,#c98855 100%)}.podium-col.rank-1 .podium-avatar{background:linear-gradient(135deg,#ffe188,#ff9b1c)}.podium-col.rank-2 .podium-avatar{background:linear-gradient(135deg,#d8dde9,#a0aac0)}.podium-col.rank-3 .podium-avatar{background:linear-gradient(135deg,#ffcfa2,#c98855)}.todo-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.todo-list li{border-radius:var(--r-md);transition:var(--t);grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.todo-list li:hover{background:var(--c-bg)}.todo-list li b{font-size:13px;display:block}.todo-list li small{color:var(--c-muted);font-size:11px}.todo-list .dot{border-radius:50%;width:8px;height:8px}.todo-list .dot.amber{background:var(--c-warning);box-shadow:0 0 0 3px #fff0d6}.todo-list .dot.pink{background:var(--c-pink);box-shadow:0 0 0 3px #ffe0eb}.pill-mini{border-radius:var(--r-pill);background:var(--c-brand-soft);color:var(--c-brand);padding:3px 10px;font-size:11px;font-weight:600}.pill-mini:hover{background:var(--c-brand);color:#fff;text-decoration:none}.footer-row{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.rank-list-v2{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rank-list-v2 li{border-bottom:1px dashed var(--c-divider);grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.rank-list-v2 li:last-child{border-bottom:none}.rank-list-v2 .rank-no{color:var(--c-muted);font-size:12px;font-weight:800;font-family:var(--font-mono)}.rank-list-v2 li:first-child .rank-no{color:var(--c-warning)}.rank-list-v2 li:nth-child(2) .rank-no{color:#a0aac0}.rank-list-v2 li:nth-child(3) .rank-no{color:#c98855}.rank-bar-wrap{flex-direction:column;justify-content:center;gap:4px;min-width:0;height:28px;display:flex;position:relative}.rank-bar-wrap b{font-size:12px}.rank-bar-wrap i{background:linear-gradient(90deg, var(--c-brand) 0%, var(--c-accent) 100%);border-radius:2px;height:4px;transition:width .6s;display:block}.rank-list-v2 em{color:var(--c-text);font-size:13px;font-weight:600;font-family:var(--font-mono)}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-tile{background:var(--c-bg);border-radius:var(--r-md);color:var(--c-text);transition:var(--t);border:1px solid #0000;flex-direction:column;gap:4px;padding:16px 14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.quick-tile:before{content:"";background:var(--qt,var(--c-brand));border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.quick-tile:hover{border-color:var(--qt,var(--c-brand));box-shadow:var(--sh-md);background:#fff;transform:translateY(-2px)}.quick-tile i{font-size:20px}.quick-tile b{font-size:13px}.quick-tile small{color:var(--c-muted);font-size:11px}@media (max-width:1100px){.main-row,.footer-row{grid-template-columns:1fr}.hero-stats,.attention-row{grid-template-columns:repeat(2,1fr)}.dual-row{grid-template-columns:1fr}}@media (max-width:600px){.home-hero{padding:24px 20px}.home-hero-greet h1{font-size:22px}.hero-stats,.attention-row,.quick-grid{grid-template-columns:1fr}.podium{flex-wrap:wrap}}.version-pill{border-radius:var(--r-pill);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em;cursor:help;background:linear-gradient(135deg,#0e1f4d 0%,#1c6cff 100%);align-items:center;gap:4px;padding:3px 10px;display:inline-flex;box-shadow:0 1px 2px #0f1e5026}.menu-group{flex-direction:column;display:flex}.menu-parent{border-radius:var(--r-md);width:100%;color:var(--c-text-2);transition:var(--t);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.menu-parent:hover{background:var(--c-brand-soft);color:var(--c-brand)}.menu-parent.active{color:var(--c-brand);font-weight:600}.menu-caret{color:var(--c-muted);margin-left:auto;transition:transform .2s,color .2s;display:inline-flex}.menu-caret.open{color:var(--c-brand);transform:rotate(90deg)}.menu-children{border-left:1px solid var(--c-divider);flex-direction:column;gap:2px;margin:2px 8px 6px 22px;padding:4px 0 4px 16px;display:flex}.menu-child{gap:8px!important;padding:7px 12px!important;font-size:13px!important}.menu-dot{background:var(--c-mute-2);width:4px;height:4px;transition:var(--t);border-radius:50%;flex-shrink:0}.menu-child:hover{background:var(--c-brand-soft)!important;color:var(--c-brand)!important}.menu-child:hover .menu-dot{background:var(--c-brand)}.menu-child.active{background:var(--c-brand)!important;color:#fff!important}.menu-child.active .menu-dot{background:#fff}.menu-item .menu-ico{width:22px;height:22px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.streamer-list-page .toolbar-row,.salary-list-page .toolbar-row,.streamer-analysis-page .toolbar-row,.streamer-detail-page .toolbar-row,.room-detail-page .toolbar-row{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.salary-list-page{flex-direction:column;gap:24px;padding:6px 0;display:flex}.salary-list-page>.card{padding:28px 32px}.salary-list-page>.card .card-head{margin-bottom:18px;padding:0 0 16px}.salary-list-page>.card .card-title{font-size:16px}.salary-list-page .form-grid{gap:18px}.salary-list-page .form-grid .field>span{margin-bottom:4px;font-size:12px}.salary-list-page .form-grid .field input,.salary-list-page .form-grid .field select{padding:11px 16px;font-size:14px}.salary-list-page .form-grid .btn{padding:10px 22px;font-size:13px}.salary-list-page .form-actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.salary-list-page .data-table-wrap{border-radius:var(--r-md);border:1px solid var(--c-border);margin-top:6px;overflow:hidden}.salary-list-page .data-table{font-size:13.5px}.salary-list-page .data-table th{background:linear-gradient(180deg, #fafbff 0%, var(--c-bg) 100%);padding:16px 20px;font-size:12px}.salary-list-page .data-table td{padding:18px 20px}.salary-list-page .data-table .row-click:hover td{background:linear-gradient(90deg,#fafbff 0%,#f0f5ff 100%)}.streamer-list-page .search-input input,.salary-list-page .search-input input,.streamer-analysis-page .search-input input{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;min-width:220px;padding:8px 12px}.streamer-list-page .toolbar-row select,.salary-list-page .toolbar-row select,.streamer-analysis-page .toolbar-row select{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;padding:8px 12px}.row-click{cursor:pointer;transition:var(--t-fast)}.row-click:hover{background:var(--c-bg)!important}.streamer-row{cursor:pointer}.streamer-row:hover{background:var(--c-bg)}.cell-streamer b{font-size:13px;display:block}.cell-streamer small{color:var(--c-muted);font-size:11px}.avatar-mini{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.avatar-mini img{object-fit:cover;width:100%;height:100%}.detail-hero{flex-direction:column;gap:12px;display:flex}.back-btn{border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-muted);transition:var(--t);background:0 0;align-self:flex-start;padding:6px 12px;font-size:13px}.back-btn:hover{border-color:var(--c-brand);color:var(--c-brand)}.hero-card-premium{color:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-lg);background:linear-gradient(135deg,#1c2f7a 0%,#4f3faf 100%);align-items:center;gap:18px;padding:24px;display:flex}.hero-photo{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-size:30px;font-weight:800;display:flex;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.hero-photo.room-hero,.hero-photo.salary-hero{background:#ffffff2e}.hero-info{flex:1;min-width:0}.hero-info h1{color:#fff;font-size:22px}.hero-info .muted{color:#ffffffbf}.hero-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.hero-actions .btn.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.hero-actions .upload-btn{background:var(--c-brand);color:#fff;border-radius:var(--r-md);cursor:pointer;border:1px solid #fff3;align-items:center;padding:8px 14px;display:inline-flex}.kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-tile{padding:16px}.kpi-tile span{color:var(--c-muted);font-size:12px}.kpi-tile b{font-size:22px;display:block}.kpi-tile small{color:var(--c-muted);font-size:11px}.kpi-tile.tone-blue b{color:var(--c-brand)}.kpi-tile.tone-green b{color:var(--c-success)}.kpi-tile.tone-purple b{color:var(--c-accent)}.kpi-tile.tone-orange b{color:var(--c-warning)}.kpi-tile.tone-pink b{color:var(--c-pink)}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.proof-img{border-radius:var(--r-md);border:1px solid var(--c-border);width:100%;max-width:480px}.form-actions{gap:8px;margin-top:12px;display:flex}.groups-page-v2 .group-grid-v2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.group-card-v2{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;flex-direction:column;gap:10px;padding:16px;display:flex}.group-card-v2:hover{border-color:var(--c-brand);box-shadow:var(--sh-md)}.group-card-v2.inactive{opacity:.6}.group-card-v2 header{justify-content:space-between;align-items:flex-start;display:flex}.group-card-v2 header b{font-size:16px;display:block}.group-card-v2 header small{color:var(--c-muted);font-size:12px}.kpi-mini{background:var(--c-bg);border-radius:var(--r-sm);gap:12px;padding:8px 10px;display:flex}.kpi-mini div{flex-direction:column;display:flex}.kpi-mini span{color:var(--c-muted);font-size:11px}.kpi-mini b{font-size:14px}.member-chips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--c-brand-soft);color:var(--c-brand);border-radius:var(--r-pill);cursor:pointer;border:none;padding:2px 10px;font-size:11px}.chip:hover{background:var(--c-brand);color:#fff}.chip.more{background:var(--c-bg-2);color:var(--c-muted);cursor:default}.group-actions{flex-wrap:wrap;gap:6px;display:flex}.rooms-page-v2 .room-grid-v2{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.room-card-v2{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;flex-direction:column;gap:12px;padding:16px;display:flex}.room-card-v2:hover{border-color:var(--c-brand);box-shadow:var(--sh-md)}.room-card-v2.inactive{opacity:.6}.room-card-v2 header{cursor:pointer;justify-content:space-between;align-items:flex-start;display:flex}.room-card-v2 header b{font-size:16px;display:block}.room-card-v2 header small{color:var(--c-muted);font-size:12px}.room-card-v2 .room-config{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.room-card-v2 .room-config div{background:var(--c-bg);border-radius:var(--r-sm);padding:6px 8px}.room-card-v2 .room-config span{color:var(--c-muted);font-size:11px;display:block}.room-card-v2 .room-config b{font-size:12px}.kpi-mini-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.kpi-mini-grid .kpi-mini{flex-direction:column;padding:8px 10px;display:flex}.slot-chips{flex-wrap:wrap;gap:4px;display:flex}.slot-chip{background:var(--c-brand-soft);color:var(--c-brand);border-radius:var(--r-pill);padding:2px 8px;font-size:11px}.room-config+.kpi-mini-grid{margin-top:4px}.streamer-grid-v2{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.streamer-cell{background:var(--c-bg);border-radius:var(--r-sm);cursor:pointer;transition:var(--t);padding:10px 12px}.streamer-cell:hover{background:var(--c-brand-soft)}.streamer-cell b{font-size:13px;display:block}.streamer-cell small{color:var(--c-muted);margin-bottom:4px;font-size:11px;display:block}.slot-list-v2{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot-list-v2 li{background:var(--c-bg);border-radius:var(--r-sm);flex-direction:column;padding:8px 10px;display:flex}.slot-list-v2 li b{font-size:13px}.slot-list-v2 li small{color:var(--c-muted);font-size:11px}.picker-toolbar{border-bottom:1px solid var(--c-divider);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:12px;display:flex}.picker-toolbar button{border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text-2);cursor:pointer;transition:var(--t);background:#fff;padding:4px 12px;font-size:12px}.picker-toolbar button:hover{border-color:var(--c-brand);color:var(--c-brand)}.picker-toolbar button.active{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.picker-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:50vh;display:grid;overflow-y:auto}.picker-card{border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:var(--t);text-align:left;background:#fff;align-items:center;gap:10px;padding:10px 12px;display:flex}.picker-card:hover:not(:disabled){border-color:var(--c-brand);background:var(--c-brand-soft)}.picker-card:disabled{opacity:.45;cursor:not-allowed}.picker-card.busy{border-color:var(--c-warning);background:#fff0d6}.picker-avatar{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.picker-avatar img{object-fit:cover;width:100%;height:100%}.picker-info{flex:1;min-width:0}.picker-info b{font-size:13px;display:block}.picker-info small{color:var(--c-muted);font-size:11px}.hbar-list{flex-direction:column;gap:10px;display:flex}.hbar-row{border-bottom:1px dashed var(--c-divider);cursor:pointer;grid-template-columns:36px 1fr 2fr 100px;align-items:center;gap:12px;padding:8px 0;display:grid}.hbar-row:hover{background:var(--c-bg)}.hbar-no{font-family:var(--font-mono);color:var(--c-muted);font-weight:700}.hbar-info b{font-size:13px;display:block}.hbar-info small{color:var(--c-muted);font-size:11px}.hbar-track{background:var(--c-bg-2);border-radius:4px;height:8px;overflow:hidden}.hbar-track i{background:linear-gradient(90deg, var(--c-brand), var(--c-accent));border-radius:4px;height:100%;transition:width .6s;display:block}.hbar-row em{color:var(--c-text);text-align:right;font-size:13px;font-weight:600;font-family:var(--font-mono)}@media (max-width:960px){.kpi-row,.detail-grid,.info-grid,.rooms-page-v2 .room-config,.kpi-mini-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.kpi-row,.detail-grid,.info-grid{grid-template-columns:1fr}.hero-card-premium{text-align:center;flex-direction:column}.hero-actions{justify-content:center}.hbar-row{grid-template-columns:28px 1fr}.hbar-row .hbar-track,.hbar-row em{display:none}}.room-cockpit{flex-direction:column;gap:20px;display:flex}.cockpit-hero{border-radius:var(--r-xl);color:#fff;isolation:isolate;background:linear-gradient(135deg,#0e1f4d 0%,#1c2f7a 40%,#4f3faf 100%);padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f1e5040}.cockpit-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.cockpit-bg .orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.cockpit-bg .orb-1{background:#1c6cff;width:320px;height:320px;top:-100px;left:-80px}.cockpit-bg .orb-2{background:#ff5c8a;width:280px;height:280px;bottom:-90px;right:-60px}.cockpit-bg .grid-mask{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero-grid{z-index:1;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;margin-top:18px;display:grid;position:relative}.status-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.live-dot{background:var(--c-mute-2);border-radius:50%;width:8px;height:8px;position:relative}.live-dot.on{background:var(--c-success);animation:2s ease-in-out infinite livepulse;box-shadow:0 0 #10a66b99}.live-dot.off{background:var(--c-mute-2)}@keyframes livepulse{0%,to{box-shadow:0 0 #10a66b99}50%{box-shadow:0 0 0 8px #10a66b00}}.status-text{letter-spacing:.08em;font-size:12px;font-weight:600}.status-text:not(:has(.off)){color:#6ee7b7}.hero-id{color:#fff9;font-size:11px;font-family:var(--font-mono)}.hero-left h1{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:36px;font-weight:800}.hero-meta{color:#ffffffbf;margin:0 0 8px;font-size:13px}.hero-notes{color:#ffffffa6;margin:0 0 16px;font-size:12px}.hero-right{flex-direction:column;align-items:stretch;gap:16px;display:flex}.hero-pulse-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.pulse-cell{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;padding:10px 12px}.pulse-cell span{color:#ffffffa6;letter-spacing:.04em;font-size:10px;display:block}.pulse-cell b{font-size:22px;font-family:var(--font-mono);margin-top:2px;display:block}.cockpit-kpis{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.cockpit-kpi{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);background:#fff;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.cockpit-kpi:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.cockpit-kpi:before{content:"";background:var(--ck-tone,var(--c-brand));width:3px;position:absolute;top:0;bottom:0;left:0}.cockpit-kpi.tone-blue{--ck-tone:#1c6cff}.cockpit-kpi.tone-pink{--ck-tone:#ff5c8a}.cockpit-kpi.tone-green{--ck-tone:#10a66b}.cockpit-kpi.tone-purple{--ck-tone:#8758ff}.cockpit-kpi.tone-orange{--ck-tone:#ff9b1c}.cockpit-kpi.tone-cyan{--ck-tone:#18bcd6}.cockpit-kpi.pulse b{animation:3s ease-in-out infinite numpulse}@keyframes numpulse{0%,to{opacity:1}50%{opacity:.7}}.kpi-body b{color:var(--ck-tone,var(--c-text));margin-top:2px;font-size:20px;line-height:1.1;display:block}.cockpit-tabs{border:1px solid var(--c-border);border-radius:var(--r-md);width:-moz-fit-content;width:fit-content;box-shadow:var(--sh-sm);background:#fff;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.cockpit-tab{border-radius:var(--r-sm);color:var(--c-muted);cursor:pointer;transition:var(--t);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.cockpit-tab:hover{color:var(--c-text);background:var(--c-bg)}.cockpit-tab.active{background:linear-gradient(135deg, var(--c-brand) 0%, #4a89ff 100%);color:#fff;box-shadow:var(--sh-sm)}.cockpit-tab .tab-i{font-size:14px}.cockpit-tab .tab-c{font-size:11px;font-weight:700;font-family:var(--font-mono);background:#ffffff40;border-radius:999px;padding:1px 8px}.cockpit-tab:not(.active) .tab-c{background:var(--c-bg-2);color:var(--c-muted)}.overview-grid{grid-template-columns:1.5fr 1fr 1fr;gap:16px;display:grid}.overview-grid>.card:first-child{grid-column:1}.overview-grid>.card:nth-child(2){grid-column:2}.overview-grid>.card:nth-child(3){grid-area:1/3/span 2}.overview-grid>.card:nth-child(4){grid-column:1/span 2}.health-list{flex-direction:column;gap:10px;display:flex}.health-row{background:var(--c-bg);border-radius:var(--r-sm);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.health-row>div{align-items:center;gap:8px;display:flex}.health-row>div span{color:var(--c-text-2);font-size:12px}.health-row b{font-size:15px;font-family:var(--font-mono)}.upcoming-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.upcoming-list li{border-radius:var(--r-sm);transition:var(--t);cursor:pointer;grid-template-columns:60px 110px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.upcoming-list li:hover{background:var(--c-bg)}.upcoming-list .up-date{font-family:var(--font-mono);color:var(--c-brand);font-size:13px;font-weight:700}.upcoming-list .up-time{font-family:var(--font-mono);color:var(--c-muted);font-size:12px}.upcoming-list .up-name{font-size:13px}.team-card{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);cursor:pointer;background:#fff;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.team-card:hover{border-color:var(--c-brand);box-shadow:var(--sh-md);transform:translateY(-2px)}.team-avatar{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:flex;overflow:hidden}.team-avatar img{object-fit:cover;width:100%;height:100%}.team-info{flex:1;min-width:0}.team-info b{font-size:14px;display:block}.team-info small{color:var(--c-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.team-stats{flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:14px;right:14px}.team-stats div{flex-direction:column;align-items:flex-end;display:flex}.team-stats span{color:var(--c-mute-2);letter-spacing:.04em;font-size:9px}.team-stats b{font-size:12px;font-family:var(--font-mono)}.team-stats b.up{color:var(--c-success)}.team-card .pill{position:absolute;bottom:14px;right:14px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-cell{aspect-ratio:1;background:var(--c-bg);border-radius:var(--r-sm);flex-direction:column;justify-content:space-between;padding:6px 8px;display:flex;position:relative;overflow:hidden}.cal-cell.rate-low{background:#fff5f5}.cal-cell.rate-mid{background:#fff8e7}.cal-cell.rate-full{background:#e7f7ee}.cal-num{color:var(--c-text-2);font-size:12px;font-weight:700}.cal-cell.rate-low .cal-num{color:var(--c-danger)}.cal-cell.rate-mid .cal-num{color:var(--c-warning)}.cal-cell.rate-full .cal-num{color:var(--c-success)}.cal-cell.rate-low{color:var(--c-danger)}.cal-cell.rate-mid{color:var(--c-warning)}.cal-cell.rate-full{color:var(--c-success)}.cal-cell small{color:var(--c-muted);font-size:9px;font-family:var(--font-mono);position:absolute;bottom:4px;right:6px}.shift-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.shift-card{background:linear-gradient(135deg, var(--c-brand) 0%, #4a89ff 100%);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);flex-direction:column;gap:4px;padding:14px;display:flex}.shift-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.shift-card .shift-no{letter-spacing:.1em;opacity:.8;font-size:10px;font-family:var(--font-mono)}.shift-card b{font-size:16px;font-family:var(--font-mono)}.shift-card small{opacity:.85;font-size:11px}.insights-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.insight-rank{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.insight-rank li{border-radius:var(--r-sm);transition:var(--t);cursor:pointer;grid-template-columns:32px 120px 1fr 100px;align-items:center;gap:10px;padding:8px 6px;display:grid}.insight-rank li:hover{background:var(--c-bg)}.insight-rank .rank-no{font-family:var(--font-mono);color:var(--c-muted);font-weight:700}.insight-rank li:first-child .rank-no{color:var(--c-warning)}.insight-rank li:nth-child(2) .rank-no{color:#a0aac0}.insight-rank li:nth-child(3) .rank-no{color:#c98855}.insight-rank b{font-size:13px}.insight-rank i{background:linear-gradient(90deg, var(--c-brand), var(--c-accent));border-radius:3px;height:6px;transition:width .5s}.insight-rank em{text-align:right;font-size:13px;font-weight:600;font-family:var(--font-mono)}@media (max-width:1100px){.hero-grid{grid-template-columns:1fr}.cockpit-kpis{grid-template-columns:repeat(3,1fr)}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid>.card:nth-child(3),.overview-grid>.card:nth-child(4){grid-area:auto/span 2}.insights-grid{grid-template-columns:1fr}}@media (max-width:600px){.hero-left h1{font-size:24px}.clock-time{font-size:28px}.cockpit-kpis{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.overview-grid>*{grid-column:1!important}.cal-grid{grid-template-columns:repeat(5,1fr)}.hero-pulse-row{grid-template-columns:1fr 1fr 1fr}}.team-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.team-card{border:1px solid var(--c-border);border-radius:var(--r-lg);transition:var(--t);cursor:pointer;box-shadow:var(--sh-sm);background:#fff;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.team-card:hover{box-shadow:var(--sh-md);border-color:var(--c-brand);transform:translateY(-2px)}.team-card .team-head{border-bottom:1px solid var(--c-divider);background:linear-gradient(135deg,#f7f9ff 0%,#fff 100%);align-items:center;gap:14px;padding:16px 18px;display:flex}.team-avatar-lg{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:flex;position:relative;overflow:hidden}.team-avatar-lg img{object-fit:cover;border-radius:50%;width:100%;height:100%}.team-status{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.team-status.on{background:var(--c-success)}.team-status.off{background:var(--c-warning)}.team-status.idle{background:var(--c-mute-2)}.team-id{flex:1;min-width:0}.team-name-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.team-name-row b{font-size:16px}.team-dy{color:var(--c-muted);margin-bottom:6px;font-size:12px;display:block}.team-tags{flex-wrap:wrap;gap:4px;display:flex}.team-tag{background:var(--c-bg);color:var(--c-text-2);border-radius:var(--r-pill);padding:1px 8px;font-size:10px;font-weight:500}.team-row{gap:0;padding:0 18px;display:grid}.team-row-primary{border-bottom:1px dashed var(--c-divider);grid-template-columns:1fr 1fr;gap:0;padding:14px 18px 10px}.team-row-primary .team-metric{padding:0 8px}.team-row-primary .team-metric:first-child{border-right:1px solid var(--c-divider);padding-left:0}.team-row-primary .team-metric:last-child{padding-right:0}.team-row-grid{grid-template-columns:1fr 1fr;gap:8px 0;padding:12px 18px}.team-metric{flex-direction:column;gap:2px;padding:6px 10px 6px 0;display:flex}.team-metric span{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.team-metric b{font-size:16px;font-family:var(--font-mono);color:var(--c-text)}.team-metric b.up{color:var(--c-success)}.team-metric em{color:var(--c-muted);font-size:11px;font-style:normal}.team-metric em.ok{color:var(--c-success)}.team-metric em.warn{color:var(--c-warning)}.team-metric em.danger{color:var(--c-danger)}.team-metric.big{padding:0}.team-metric.big b{font-size:22px}.team-metric.big span{font-size:11px}.team-foot{background:var(--c-bg);border-top:1px solid var(--c-divider);color:var(--c-muted);flex-wrap:wrap;gap:12px;padding:12px 18px;font-size:11px;display:flex}.team-foot span.ok{color:var(--c-success)}.cal-legend{color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:12px;padding:0 4px 12px;font-size:11px;display:flex}.cal-legend-item{align-items:center;gap:4px;display:inline-flex}.cal-legend-item .dot{border-radius:3px;width:10px;height:10px;display:inline-block}.cal-legend-item .dot.rate-0{border:1px solid var(--c-border);background:#f5f7fb}.cal-legend-item .dot.rate-low{background:#ffe2e2}.cal-legend-item .dot.rate-mid{background:#fff0d6}.cal-legend-item .dot.rate-full{background:#d6f5e6}.cal-hint{color:var(--c-brand);margin-left:auto;font-weight:500}.cal-cell{background:var(--c-bg);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:var(--t-fast);min-height:72px;font:inherit;color:inherit;border:1px solid #0000;flex-direction:column;gap:4px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.cal-cell:hover{border-color:var(--c-brand);box-shadow:var(--sh-sm);transform:translateY(-1px)}.cal-cell:active{transform:translateY(0)}.cal-cell.rate-0{color:var(--c-mute-2);background:#f5f7fb}.cal-cell.rate-low{color:var(--c-danger);background:#fff5f5}.cal-cell.rate-mid{color:var(--c-warning);background:#fff8e7}.cal-cell.rate-full{color:var(--c-success);background:#e7f7ee}.cal-cell.today{box-shadow:0 0 0 2px var(--c-brand) inset;border-color:#0000}.cal-cell.today .cal-num:after{content:"今天";background:var(--c-brand);color:#fff;vertical-align:middle;border-radius:999px;margin-left:4px;padding:1px 5px;font-size:8px}.cal-num{font-size:13px;font-weight:700;line-height:1}.cal-bar{align-items:flex-end;height:28px;display:flex}.cal-bar i{opacity:.35;background:linear-gradient(currentColor,#0000);border-radius:3px 3px 0 0;width:100%;transition:height .5s;display:block}.cal-cell small{color:var(--c-muted);font-size:10px;font-family:var(--font-mono);font-weight:600;position:absolute;bottom:4px;right:6px}.day-detail{flex-direction:column;gap:14px;display:flex}.day-summary{background:var(--c-bg);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.day-summary div{border-right:1px solid var(--c-divider);flex-direction:column;gap:2px;padding:0 8px;display:flex}.day-summary div:last-child{border-right:none}.day-summary span{color:var(--c-muted);font-size:11px}.day-summary b{font-size:20px;font-family:var(--font-mono);color:var(--c-text)}.day-list{flex-direction:column;gap:8px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.day-list li{background:var(--c-bg);border-radius:var(--r-md);border-left:3px solid var(--c-brand);grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.day-list li:first-child{border-left-color:var(--c-brand)}.day-list li:nth-child(2){border-left-color:var(--c-accent)}.day-list li:nth-child(3){border-left-color:var(--c-pink)}.day-list li:nth-child(4){border-left-color:var(--c-warning)}.day-list li:nth-child(5){border-left-color:var(--c-success)}.day-shift-no{font-family:var(--font-mono);color:var(--c-brand);font-size:12px;font-weight:700}.day-shift-info{flex-direction:column;gap:2px;min-width:0;display:flex}.day-shift-head{align-items:center;gap:8px;display:flex}.day-shift-head b{font-size:14px}.day-shift-info small{color:var(--c-muted);font-size:11px}.day-notes{font-style:italic;color:var(--c-text-2)!important}.day-actions{border-top:1px solid var(--c-divider);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.streamer-profile-v3{flex-direction:column;gap:18px;display:flex}.profile-hero{border-radius:var(--r-xl);color:#fff;isolation:isolate;background:linear-gradient(135deg,#0e1f4d 0%,#1c2f7a 40%,#4f3faf 100%);padding:32px 36px 28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f1e5040}.hero-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.hero-bg .orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.hero-bg .orb-1{background:#1c6cff;width:320px;height:320px;top:-100px;left:-80px}.hero-bg .orb-2{background:#ff5c8a;width:280px;height:280px;bottom:-90px;right:-60px}.hero-bg .grid-mask{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.back-link{z-index:1;color:#ffffffd9;border-radius:var(--r-md);cursor:pointer;transition:var(--t);background:#ffffff1a;border:1px solid #fff3;padding:6px 14px;font-size:12px;position:relative}.back-link:hover{color:#fff;background:#fff3}.hero-content{z-index:1;flex-direction:column;gap:18px;margin-top:18px;display:flex;position:relative}.hero-id{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;display:grid}.avatar-wrap{flex-shrink:0;position:relative}.avatar-ring{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:36px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 0 0 4px #ffffff26,0 12px 30px #0000004d}.avatar-ring img{object-fit:cover;width:100%;height:100%}.status-dot{border:3px solid #0e1f4d;border-radius:50%;width:18px;height:18px;position:absolute;bottom:4px;right:4px}.status-dot.on{background:var(--c-success);box-shadow:0 0 0 4px #10a66b40}.status-dot.off{background:var(--c-warning)}.status-dot.idle{background:var(--c-mute-2)}.id-block{min-width:0}.status-line{align-items:center;gap:12px;margin-bottom:6px;display:flex}.live-tag{color:#6ee7b7;border-radius:var(--r-pill);letter-spacing:.12em;font-size:10px;font-weight:700;font-family:var(--font-mono);background:#10a66b33;border:1px solid #10a66b66;padding:2px 10px}.hero-id-num{color:#ffffff80;font-size:11px;font-family:var(--font-mono)}.id-block h1{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:38px;font-weight:800}.id-meta{color:#ffffffd9;margin:0 0 4px;font-size:13px}.id-extra{color:#ffffffa6;margin:0;font-size:12px}.hero-clock{border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffff14;border:1px solid #ffffff26;padding:14px 20px}.clock-time{font-size:32px;font-weight:800;font-family:var(--font-mono);letter-spacing:.04em}.clock-date{color:#ffffffb3;margin-top:2px;font-size:12px}.hero-actions{flex-wrap:wrap;gap:8px;display:flex}.hero-actions .btn{color:#fff;background:#ffffff1f;border-color:#fff3}.hero-actions .btn:hover{color:#fff;background:#ffffff38}.hero-actions .btn.btn-primary{background:var(--c-brand)}.hero-actions .btn.btn-danger{background:#ef4444;border-color:#ef4444}.profile-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.profile-kpi{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);background:#fff;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.profile-kpi:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.profile-kpi:before{content:"";background:var(--pk-tone,var(--c-brand));width:3px;position:absolute;top:0;bottom:0;left:0}.profile-kpi.tone-blue{--pk-tone:#1c6cff}.profile-kpi.tone-green{--pk-tone:#10a66b}.profile-kpi.tone-purple{--pk-tone:#8758ff}.profile-kpi.tone-orange{--pk-tone:#ff9b1c}.kpi-icon{border-radius:var(--r-sm);background:color-mix(in srgb, var(--pk-tone,var(--c-brand)) 12%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.kpi-body{flex:1;min-width:0}.kpi-body span{color:var(--c-muted);letter-spacing:.04em;font-size:11px;display:block}.kpi-body b{color:var(--pk-tone,var(--c-text));font-size:22px;line-height:1.1;font-family:var(--font-mono);margin-top:2px;display:block}.kpi-body small{color:var(--c-muted);margin-top:2px;font-size:11px;display:block}.profile-tabs{border:1px solid var(--c-border);border-radius:var(--r-md);width:-moz-fit-content;width:fit-content;box-shadow:var(--sh-sm);background:#fff;flex-wrap:wrap;gap:6px;padding:6px;display:flex}.profile-tab{border-radius:var(--r-sm);color:var(--c-muted);cursor:pointer;transition:var(--t);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.profile-tab:hover{color:var(--c-text);background:var(--c-bg)}.profile-tab.active{background:linear-gradient(135deg, var(--c-brand) 0%, #4a89ff 100%);color:#fff;box-shadow:var(--sh-sm)}.profile-tab .tab-i{font-size:14px}.profile-tab .tab-c{font-size:11px;font-weight:700;font-family:var(--font-mono);background:#ffffff40;border-radius:999px;padding:1px 8px}.profile-tab:not(.active) .tab-c{background:var(--c-bg-2);color:var(--c-muted)}.overview-grid{grid-template-columns:1.2fr 1fr;grid-auto-rows:auto;gap:16px;display:grid}.overview-grid>.card.span-row{grid-row:1/span 2}.info-grid{grid-template-columns:1fr 1fr;gap:0 16px;margin:0;display:grid}.info-grid div{border-bottom:1px dashed var(--c-divider);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.info-grid dt{color:var(--c-muted);font-size:12px}.info-grid dd{text-align:right;margin:0;font-size:13px}.info-grid dd b{font-size:14px}.metric-list{flex-direction:column;gap:6px;display:flex}.metric-row{background:var(--c-bg);border-radius:var(--r-sm);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.metric-row>div span{font-size:12px;display:block}.metric-row>div small{color:var(--c-muted);font-size:11px;display:block}.metric-row b{font-size:15px;font-family:var(--font-mono)}.quick-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.quick-list li{border-radius:var(--r-sm);transition:var(--t);cursor:pointer;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.quick-list li:hover{background:var(--c-bg)}.q-date{font-family:var(--font-mono);color:var(--c-muted);font-size:11px}.performance-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}@media (max-width:1100px){.hero-id{grid-template-columns:auto 1fr}.hero-clock{display:none}.profile-kpis{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr 1fr}.overview-grid>.card{grid-area:auto!important}.performance-grid{grid-template-columns:1fr}}@media (max-width:600px){.id-block h1{font-size:26px}.profile-kpis,.overview-grid,.info-grid{grid-template-columns:1fr}}.schedules-page-v3{flex-direction:column;gap:16px;display:flex}.scope-banner{border-radius:var(--r-md);background:linear-gradient(135deg,#f0e7ff 0%,#fafbff 100%);border:1px solid #d4c5ff;align-items:center;gap:12px;padding:12px 18px;display:flex}.scope-icon{font-size:20px}.scope-info b{color:var(--c-accent);font-size:13px;font-weight:800;display:block}.scope-info small{color:var(--c-muted);margin-top:2px;font-size:12px;display:block}.schedules-page-v3 .schedule-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.schedule-toolbar .toolbar-right{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.tabs-inline{background:var(--c-bg);border-radius:var(--r-pill);gap:4px;padding:3px;display:flex}.tabs-inline button{border-radius:var(--r-pill);color:var(--c-muted);cursor:pointer;transition:var(--t);background:0 0;border:none;padding:5px 14px;font-size:12px}.tabs-inline button:hover{color:var(--c-text)}.tabs-inline button.active{color:var(--c-brand);box-shadow:var(--sh-sm);background:#fff}.schedules-page-v3 .schedule-layout{grid-template-columns:220px 1fr;gap:16px;display:grid}.schedules-page-v3 .room-rail{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;flex-direction:column;align-self:start;gap:6px;padding:12px;display:flex}.room-rail .rail-title{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.schedules-page-v3 .room-rail button{text-align:left;background:var(--c-bg);border-radius:var(--r-sm);transition:var(--t);cursor:pointer;border:1px solid #0000;flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.schedules-page-v3 .room-rail button:hover{border-color:var(--c-brand)}.schedules-page-v3 .room-rail button.active{background:linear-gradient(135deg, var(--c-brand-soft) 0%, #fff 100%);border-color:var(--c-brand)}.schedules-page-v3 .room-rail button b{color:var(--c-text);font-size:13px}.schedules-page-v3 .room-rail button small{color:var(--c-muted);font-size:11px}.calendar-pane{flex-direction:column;gap:12px;display:flex}.cal-summary{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.cal-summary .cs-info h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.cal-summary .cs-info p{color:var(--c-muted);margin:4px 0 0;font-size:12px}.cal-summary .cs-stats{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.cal-summary .cs-stats>div:not(.cs-bar){flex-direction:column;align-items:flex-end;display:flex}.cal-summary .cs-stats span{color:var(--c-muted);letter-spacing:.03em;font-size:11px}.cal-summary .cs-stats b{font-size:22px;font-family:var(--font-mono);color:var(--c-text);margin-top:2px;font-weight:800;line-height:1.1}.cal-summary .cs-stats b.ok{color:var(--c-brand)}.cal-summary .cs-stats b.green{color:#10a66b}.cal-summary .cs-stats b.amber{color:#ff9b1c}.cs-bar{background:var(--c-bg);border-radius:999px;width:140px;height:6px;overflow:hidden}.cs-bar-fill{background:linear-gradient(90deg, var(--c-brand), var(--c-accent));border-radius:999px;height:100%;transition:width .4s}.cal-day-list{flex-direction:column;gap:10px;display:flex}.cal-day{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);background:#fff;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.cal-day:hover{box-shadow:var(--sh-md)}.cal-day.weekend{background:linear-gradient(135deg,#fff 0%,#fafbff 100%)}.cal-day.today{border-color:var(--c-brand);box-shadow:0 0 0 3px #1c6cff14, var(--sh-sm)}.cal-day-head{border-bottom:1px dashed var(--c-bg);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.cal-day-date b{font-size:18px;font-family:var(--font-mono);color:var(--c-text);font-weight:800}.cal-day-date small{color:var(--c-muted);margin-top:2px;font-size:11px;display:block}.cal-day.today .cal-day-date b{color:var(--c-brand)}.cal-shift-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shift-cell{border:1px solid var(--c-border);border-radius:var(--r-md);min-height:90px;transition:var(--t);background:#fff;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.shift-cell:hover{box-shadow:var(--sh-md);border-color:var(--sc,var(--c-brand));transform:translateY(-1px)}.shift-cell.empty{background:repeating-linear-gradient(45deg,#fafbfd 0 10px,#f5f7fb 10px 20px);border-style:dashed}.shift-cell.empty:hover{background:var(--c-brand-soft);border-color:var(--c-brand);border-style:solid}.shift-cell.all-confirmed{background:linear-gradient(#f0fdf6 0%,#fff 100%)}.sc-stripe{background:var(--sc,var(--c-brand));width:4px;position:absolute;top:0;bottom:0;left:0}.shift-cell.empty .sc-stripe{background:var(--c-mute-2);opacity:.5}.sc-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.sc-idx{color:var(--sc,var(--c-brand));background:color-mix(in srgb, var(--sc,var(--c-brand)) 12%, transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.sc-time{font-size:13px;font-family:var(--font-mono);color:var(--c-text);font-weight:700}.sc-empty-add{cursor:pointer;color:var(--c-mute-2);transition:var(--t);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px;font-family:inherit;display:flex}.sc-empty-add:hover{color:var(--c-brand)}.sc-plus{font-size:24px;font-weight:300;line-height:1}.sc-empty-add small{font-size:11px}.sc-body{flex-direction:column;gap:6px;display:flex}.sc-streamer{background:var(--c-bg);border-radius:var(--r-sm);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.sc-streamer.confirmed{background:linear-gradient(90deg, #d6f5e6 0%, var(--c-bg) 100%)}.sc-streamer.pending{background:linear-gradient(90deg, #fff0d6 0%, var(--c-bg) 100%)}.sc-av{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.sc-av img{object-fit:cover;width:100%;height:100%}.sc-meta{min-width:0}.sc-meta b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sc-meta small{color:var(--c-muted);font-size:10px;display:block}.sc-actions{grid-column:1/-1;justify-content:flex-end;gap:4px;display:flex}.sc-mini-btn{border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;width:22px;height:22px;transition:var(--t);background:#fff;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;display:inline-flex}.sc-mini-btn:hover{transform:scale(1.1)}.sc-mini-btn.confirm{color:#10a66b;border-color:#a7e3c5}.sc-mini-btn.confirm:hover{color:#fff;background:#10a66b}.sc-mini-btn.danger{color:#ef4444;border-color:#fecaca}.sc-mini-btn.danger:hover{color:#fff;background:#ef4444}.sc-mini-btn.ghost{color:var(--c-muted)}.sc-mini-btn.ghost:hover{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.sc-add-more{border:1px dashed var(--c-border);border-radius:var(--r-sm);color:var(--c-mute-2);cursor:pointer;transition:var(--t);background:0 0;padding:6px 8px;font-family:inherit;font-size:11px}.sc-add-more:hover{border-color:var(--c-brand);color:var(--c-brand);background:var(--c-brand-soft)}.picker-card{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--t);background:#fff;grid-template-columns:36px 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.picker-card.warn{border-color:var(--c-warning);background:#fffaf0}.picker-card .picker-info{min-width:0}.picker-card .picker-info small{color:var(--c-muted);font-size:11px}.picker-warn{border-radius:var(--r-sm);background:#fff0d6;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;display:flex}.picker-warn small{color:var(--c-warning);font-size:11px}.picker-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.cell-streamer{align-items:center;gap:8px;display:inline-flex}@media (max-width:1200px){.cal-shift-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.schedules-page-v3 .schedule-layout,.cal-shift-grid{grid-template-columns:1fr}.cal-summary{flex-direction:column;align-items:flex-start}}.review-v3{flex-direction:column;gap:16px;display:flex}.rv3-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:4px 4px 0;display:flex}.rv3-title h1{letter-spacing:-.02em;color:var(--c-text);margin:0;font-size:26px;font-weight:800}.rv3-title p{color:var(--c-muted);margin:4px 0 0;font-size:13px}.rv3-search{flex:0 0 280px}.rv3-search input{border:1px solid var(--c-border);border-radius:var(--r-pill);width:100%;color:var(--c-text);transition:var(--t);box-shadow:var(--sh-sm);background:#fff;padding:10px 16px;font-size:13px}.rv3-search input:focus{border-color:var(--c-brand);outline:none;box-shadow:0 0 0 3px #1c6cff1f}.rv3-stats{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.rv3-stat{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:12px;padding:14px 18px;font-family:inherit;display:flex;position:relative;overflow:hidden}.rv3-stat:hover{box-shadow:var(--sh-md);border-color:color-mix(in srgb, var(--rs-tone) 40%, var(--c-border));transform:translateY(-1px)}.rv3-stat.active{border-color:var(--rs-tone);background:color-mix(in srgb, var(--rs-tone) 5%, #fff)}.rv3-stat.tone-amber{--rs-tone:#ff9b1c}.rv3-stat.tone-green{--rs-tone:#10a66b}.rv3-stat.tone-pink{--rs-tone:#ff5c8a}.rv3-stat.tone-purple{--rs-tone:#8758ff}.rv3-stat.tone-blue{--rs-tone:#1c6cff}.rv3-stat-bar{background:var(--rs-tone);height:3px;position:absolute;bottom:0;left:0;right:0}.rv3-stat-icon{border-radius:var(--r-sm);background:color-mix(in srgb, var(--rs-tone) 12%, transparent);width:36px;height:36px;color:var(--rs-tone);flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.rv3-stat-body b{color:var(--c-text);font-size:22px;line-height:1.1;font-family:var(--font-mono);font-weight:800;display:block}.rv3-stat-body span{color:var(--c-muted);letter-spacing:.03em;margin-top:2px;font-size:11px;display:block}.rv3-batch{border:1px solid var(--c-brand);border-radius:var(--r-md);background:linear-gradient(90deg,#e3efff 0%,#f0f5ff 100%);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.rv3-batch>span{color:var(--c-brand);font-size:13px;font-weight:600}.rv3-batch>span b{font-family:var(--font-mono);background:var(--c-brand);color:#fff;border-radius:var(--r-pill);margin:0 4px;padding:2px 8px}.rv3-batch-actions{gap:8px;display:flex}.batch-btn{border-radius:var(--r-pill);cursor:pointer;transition:var(--t);border:none;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.batch-btn.approve{color:#fff;background:#10a66b;box-shadow:0 4px 10px #10a66b40}.batch-btn.approve:hover{background:#0e8c5a;transform:translateY(-1px)}.batch-btn.reject{color:#ef4444;background:#fff;border:1px solid #ef4444}.batch-btn.reject:hover{background:#fef2f2}.batch-btn.ghost{color:var(--c-muted);background:0 0}.batch-btn.ghost:hover{background:#0000000a}.rv3-table{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;overflow:hidden}.rv3-thead,.rv3-row{grid-template-columns:40px 1.4fr 1.1fr 80px 60px 70px 90px 90px 180px;align-items:center;gap:12px;padding:12px 18px;display:grid}.rv3-thead{border-bottom:1px solid var(--c-border);color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;background:#f5f7fb;font-size:11px;font-weight:600}.rv3-thead .td-num{text-align:right}.rv3-thead .td-act{text-align:right;padding-right:6px}.rv3-row{border-bottom:1px solid var(--c-bg);cursor:pointer;transition:background .15s;position:relative}.rv3-row:last-child{border-bottom:none}.rv3-row:hover{background:#fafbfd}.rv3-row.selected{background:#f0f5ff}.rv3-row:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.rv3-row.tone-warning:before{background:#ff9b1c}.rv3-row.tone-success:before{background:#10a66b}.rv3-row.tone-danger:before{background:#ff5c8a}.rv3-row.tone-mute:before{background:#c0c8d6}.td-check input{cursor:pointer;width:16px;height:16px;accent-color:var(--c-brand)}.td-who{align-items:center;gap:10px;min-width:0;display:flex}.who-av{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.who-av img{object-fit:cover;width:100%;height:100%}.who-meta{min-width:0}.who-meta b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.who-meta small{color:var(--c-muted);margin-top:1px;font-size:11px;display:block}.td-time{color:var(--c-muted);font-size:12px}.td-time .time-line{align-items:center;gap:4px;line-height:1.5;display:flex}.td-time .time-line b{background:var(--c-bg);min-width:16px;color:var(--c-mute-2);text-align:center;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700;display:inline-block}.td-num{text-align:right;font-family:var(--font-mono)}.td-num b{font-size:14px;font-weight:700}.td-num.money b{color:#10a66b}.td-num.people b{color:#8758ff}.td-num.fans b{color:#1c6cff}.td-num.hours b{color:#ff9b1c;font-size:14px}.td-status .pill{padding:3px 10px;font-size:11px}.td-act{justify-content:flex-end;gap:4px;display:flex}.row-btn{border-radius:var(--r-pill);cursor:pointer;transition:var(--t);border:1px solid #0000;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.row-btn.ghost{color:var(--c-text-2);border-color:var(--c-border);background:#fff}.row-btn.ghost:hover{border-color:var(--c-brand);color:var(--c-brand)}.row-btn.approve{color:#fff;background:#10a66b}.row-btn.approve:hover{background:#0e8c5a;box-shadow:0 4px 10px #10a66b40}.row-btn.reject{color:#ef4444;background:#fff;border-color:#fecaca}.row-btn.reject:hover{background:#fef2f2;border-color:#ef4444}.review-v3.detail-mode{gap:18px}.rv3-detail-head{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:4px 4px 8px;display:grid}.rv3-back-btn{border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text-2);cursor:pointer;transition:var(--t);box-shadow:var(--sh-sm);background:#fff;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.rv3-back-btn:hover{background:var(--c-brand-soft);color:var(--c-brand);border-color:var(--c-brand);transform:translate(-2px)}.rv3-detail-title{align-items:center;gap:14px;min-width:0;display:flex}.rv3-detail-title h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800}.rv3-detail-title p{color:var(--c-muted);align-items:center;gap:8px;margin:2px 0 0;font-size:12px;display:flex}.drawer-av.lg{width:52px;height:52px;font-size:20px}.rv3-detail-actions{align-items:center;gap:8px;display:flex}.rv3-day-flow{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;grid-template-columns:1fr 1fr 1fr;padding:24px 32px;display:grid}.rv3-day-flow .df-block{border-right:1px solid var(--c-bg);flex-direction:column;gap:6px;padding:4px 16px;display:flex}.rv3-day-flow .df-block:last-child{border-right:none}.rv3-day-flow .df-block.df-center{border-right:1px solid var(--c-bg)}.rv3-day-flow .df-label{color:var(--c-muted);font-size:12px}.rv3-day-flow .df-time{font-family:var(--font-mono);color:var(--c-text);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.3}.rv3-day-flow .df-duration{font-family:var(--font-mono);color:var(--c-text);font-size:22px;font-weight:800;line-height:1.2}.rv3-day-flow .df-block.df-center small{color:var(--c-mute-2);margin-top:2px;font-size:11px}.rv3-detail-section{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;padding:20px 24px}.rv3-detail-section h3{color:var(--c-text);border-bottom:1px solid var(--c-bg);align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:15px;font-weight:700;display:flex}.rv3-detail-section.meta .d-meta{grid-template-columns:repeat(4,1fr)}.d-meta.wide{grid-template-columns:repeat(4,1fr)!important}.meta-hours{color:#ff9b1c!important;font-size:16px!important}.d-shots{grid-template-columns:1fr 1fr;gap:14px;display:grid}.d-shot{background:var(--c-bg);border-radius:var(--r-sm);padding:12px}.d-shot h4{color:var(--c-text-2);margin:0 0 8px;font-size:13px;font-weight:700}.d-shot-frame{border:1px solid var(--c-border);border-radius:var(--r-sm);aspect-ratio:16/10;background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.d-shot-frame img{object-fit:contain;max-width:100%;max-height:100%}.d-shot-empty{color:var(--c-muted);text-align:center;font-size:12px;line-height:1.6}.d-shot-empty small{font-size:10px}.d-shot-time{color:var(--c-mute-2);margin-top:8px;font-size:11px;display:block}.d-meta{background:var(--c-bg);border-radius:var(--r-sm);gap:0;display:grid;overflow:hidden}.d-meta>div{border-right:1px solid var(--c-bg);background:#fff;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.d-meta>div:last-child{border-right:none}.d-meta span{color:var(--c-muted);letter-spacing:.03em;font-size:11px}.d-meta b{font-size:14px;font-family:var(--font-mono);color:var(--c-text)}.d-diff-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.d-diff-cell{background:var(--c-bg);border-radius:var(--r-sm);transition:var(--t);border:1px solid #0000;padding:10px 12px}.d-diff-cell:hover{border-color:var(--c-brand);background:#fff}.dc-label{color:var(--c-muted);letter-spacing:.03em;margin-bottom:8px;font-size:11px}.dc-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dc-half{flex-direction:column;gap:2px;display:flex}.dc-half small{color:var(--c-mute-2);font-size:10px}.dc-half b{font-size:13px;font-family:var(--font-mono);color:var(--c-text);font-weight:700}.dc-half .m-money{color:#10a66b}.dc-half .m-dash{color:var(--c-mute-2);font-weight:400}.dc-diff{font-size:11px;font-family:var(--font-mono);border-radius:var(--r-pill);margin-top:6px;padding:2px 8px;font-weight:700;display:inline-block}.dc-diff.up{color:#0e8c5a;background:#d6f5e6}.dc-diff.down{color:#ef4444;background:#fde2e2}.dc-diff.flat{background:var(--c-bg);color:var(--c-mute-2)}.rv3-btn{border-radius:var(--r-pill);cursor:pointer;transition:var(--t);border:1px solid #0000;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:600}.rv3-btn.success{color:#fff;background:#10a66b;box-shadow:0 4px 10px #10a66b40}.rv3-btn.success:hover{background:#0e8c5a;transform:translateY(-1px)}.rv3-btn.danger{color:#ef4444;background:#fff;border-color:#ef4444}.rv3-btn.danger:hover{background:#fef2f2}.rv3-btn.ghost{background:var(--c-bg);color:var(--c-text)}.rv3-btn.ghost:hover{background:#e7edf7}@media (max-width:1100px){.rv3-stats{grid-template-columns:repeat(3,1fr)}.rv3-thead,.rv3-row{grid-template-columns:40px 1.2fr 1fr 70px 50px 60px 80px 80px 160px;gap:8px;padding:10px 14px}.rv3-day-flow{grid-template-columns:1fr;gap:12px;padding:20px}.rv3-day-flow .df-line{display:none}.d-diff-grid{grid-template-columns:repeat(2,1fr)}.d-meta,.rv3-detail-section.meta .d-meta{grid-template-columns:1fr 1fr}.d-meta>div{border-right:none;border-bottom:1px solid var(--c-bg)}}@media (max-width:720px){.rv3-stats{grid-template-columns:1fr 1fr}.rv3-thead{display:none}.rv3-row{grid-template-columns:40px 1fr;gap:8px;padding:12px}.rv3-row .td-time,.rv3-row .td-num,.rv3-row .td-status,.rv3-row .td-act{text-align:left;grid-column:2/-1}.rv3-row .td-act{justify-content:flex-start}.d-shots,.d-diff-grid{grid-template-columns:1fr}.rv3-detail-head{grid-template-columns:1fr;gap:12px}.df-center-big{font-size:30px}}.reports-v2{flex-direction:column;gap:18px;display:flex}.rep-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.rep-head-title h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:24px;font-weight:800}.rep-head-title p{color:var(--c-muted);margin:0;font-size:13px}.rep-head-title .badge{background:linear-gradient(135deg, var(--c-brand-soft) 0%, #fff 100%);color:var(--c-brand);border-radius:var(--r-pill);letter-spacing:.12em;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.rep-head-right{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.rep-type-pills{background:var(--c-bg);border-radius:var(--r-pill);gap:4px;padding:3px;display:flex}.rep-type-pills button{border-radius:var(--r-pill);color:var(--c-muted);cursor:pointer;transition:var(--t);background:0 0;border:none;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600}.rep-type-pills button:hover{color:var(--c-text)}.rep-type-pills button.on{color:var(--c-brand);box-shadow:var(--sh-sm);background:#fff}.rep-date-picker{align-items:flex-end;display:flex}.rep-kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.rep-kpi{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);background:#fff;padding:16px 20px;position:relative;overflow:hidden}.rep-kpi:before{content:"";background:var(--rk-tone,var(--c-brand));width:3px;position:absolute;top:0;bottom:0;left:0}.rep-kpi:hover{box-shadow:var(--sh-md);transform:translateY(-1px)}.rep-kpi.tone-blue{--rk-tone:#1c6cff}.rep-kpi.tone-green{--rk-tone:#10a66b}.rep-kpi.tone-pink{--rk-tone:#ff5c8a}.rep-kpi.tone-purple{--rk-tone:#8758ff}.rep-kpi.tone-orange{--rk-tone:#ff9b1c}.rep-kpi-body{flex-direction:column;gap:2px;display:flex}.rep-kpi-body span{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.rep-kpi-body b{color:var(--rk-tone,var(--c-text));font-family:var(--font-mono);font-size:22px;font-weight:800;line-height:1.1}.rep-kpi-body small{color:var(--c-mute-2);margin-top:2px;font-size:11px}.rep-section-tabs{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;gap:8px;padding:6px;display:flex}.rep-section-tabs button{border-radius:var(--r-sm);color:var(--c-muted);cursor:pointer;transition:var(--t);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.rep-section-tabs button:hover{background:var(--c-bg);color:var(--c-text)}.rep-section-tabs button.on{background:linear-gradient(135deg, var(--c-brand) 0%, #4a89ff 100%);color:#fff;box-shadow:var(--sh-md)}.rep-section-tabs button small{border-radius:var(--r-pill);background:#fff3;padding:1px 8px;font-size:11px;font-weight:700}.rep-section-tabs button:not(.on) small{background:var(--c-bg);color:var(--c-muted)}.rep-table-wrap{border-radius:var(--r-md);border:1px solid var(--c-border);overflow-x:auto}.rep-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;font-size:13px}.rep-table thead th{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--c-border);white-space:nowrap;z-index:1;background:#f5f7fb;padding:12px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.rep-table thead th.rd-num{text-align:right}.rep-table thead th.rd-status{text-align:center}.rep-table tbody td{vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:12px 14px}.rep-table tbody tr{transition:background .12s}.rep-table tbody tr:hover td{background:#fafbfd}.rep-table tbody tr:nth-child(2n) td{background:#fcfcfe}.rep-table tbody tr:nth-child(2n):hover td{background:#fafbfd}.rep-table td.rd-num{text-align:right;font-family:var(--font-mono)}.rep-table td.rd-num b{font-weight:700}.rep-table td.rd-name b{color:var(--c-text);font-size:13px;font-weight:700;display:block}.rep-table td.rd-name small{color:var(--c-muted);margin-top:2px;font-size:11px;display:block}.rep-table td.rd-idx{text-align:center;width:44px}.rd-rank{background:var(--c-bg);min-width:24px;color:var(--c-muted);border-radius:var(--r-sm);font-family:var(--font-mono);text-align:center;padding:2px 6px;font-size:12px;font-weight:700;display:inline-block}.medal{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.medal.m1{background:linear-gradient(135deg,#ffd56a,#ff9b1c);box-shadow:0 4px 10px #ff9b1c59}.medal.m2{background:linear-gradient(135deg,#d6dde9,#a0aac0);box-shadow:0 4px 10px #a0aac040}.medal.m3{background:linear-gradient(135deg,#f0a878,#c97a4a);box-shadow:0 4px 10px #c97a4a40}.rep-table .money{color:#10a66b;font-weight:700}.rep-table .refund{color:#ff5c8a}.rep-table .net{color:#10a66b}.rep-table .loss{color:#ef4444}.rep-table .commission{color:#8758ff}.rep-table .paid{color:#10a66b}.rep-table .fans{color:#1c6cff}.rep-table .rate{border-radius:var(--r-pill);padding:2px 8px;font-size:11px;font-weight:700}.rep-table .rate.good{color:#0e8c5a;background:#d6f5e6}.rep-table .rate.warn{color:#c97a00;background:#fff0d6}.rep-table .rate.bad{color:#ef4444;background:#fde2e2}.cell-with-bar{justify-content:flex-end;align-items:center;display:flex;position:relative}.cell-with-bar b{z-index:1;padding:0 4px;position:relative}.cell-with-bar .bar{z-index:0;background:linear-gradient(90deg,#1c6cff2e 0%,#1c6cff14 100%);border-radius:4px;min-width:4px;height:16px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.rd-streamer{align-items:center;gap:10px;min-width:0;display:flex}.rd-av{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:flex;overflow:hidden}.rd-av img{object-fit:cover;width:100%;height:100%}.rep-total-row td{font-weight:700;border-top:2px solid var(--c-border)!important;background:#f5f7fb!important;padding:14px!important}.rep-total-row:hover td{background:#f0f3f9!important}.rep-total-row td:first-child{color:var(--c-text);font-size:13px}.rep-table tbody tr.tone-bad td:first-child,.rep-table tbody tr.tone-warn td:first-child,.rep-table tbody tr.tone-good td:first-child,.rep-table tbody tr.tone-paid td:first-child,.rep-table tbody tr.tone-confirmed td:first-child,.rep-table tbody tr.tone-rejected td:first-child,.rep-table tbody tr.tone-draft td:first-child{position:relative}.rep-table tbody tr.tone-bad td:first-child:before,.rep-table tbody tr.tone-warn td:first-child:before,.rep-table tbody tr.tone-good td:first-child:before,.rep-table tbody tr.tone-paid td:first-child:before,.rep-table tbody tr.tone-confirmed td:first-child:before,.rep-table tbody tr.tone-rejected td:first-child:before,.rep-table tbody tr.tone-draft td:first-child:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.rep-table tbody tr.tone-bad td:first-child:before{background:#ef4444}.rep-table tbody tr.tone-warn td:first-child:before{background:#ff9b1c}.rep-table tbody tr.tone-good td:first-child:before,.rep-table tbody tr.tone-paid td:first-child:before{background:#10a66b}.rep-table tbody tr.tone-confirmed td:first-child:before{background:#1c6cff}.rep-table tbody tr.tone-rejected td:first-child:before{background:#ef4444}.rep-table tbody tr.tone-draft td:first-child:before{background:#ff9b1c}.rep-salary-kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (max-width:1200px){.rep-kpis,.rep-salary-kpis{grid-template-columns:repeat(3,1fr)}.rep-section-tabs{flex-wrap:wrap}.rep-section-tabs button{flex:200px}}@media (max-width:720px){.rep-kpis,.rep-salary-kpis{grid-template-columns:1fr 1fr}.rep-head,.rep-head-right{flex-direction:column;align-items:stretch}.rep-type-pills{width:100%}.rep-type-pills button{flex:1}}.comm-page{flex-direction:column;gap:16px;display:flex}.comm-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.comm-head h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:24px;font-weight:800}.comm-head p{color:var(--c-muted);margin:0;font-size:13px}.comm-head .badge{color:var(--c-accent);border-radius:var(--r-pill);letter-spacing:.12em;background:linear-gradient(135deg,#f0e7ff 0%,#fff 100%);padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.formula{border-radius:var(--r-md);border:1px dashed var(--c-border);color:var(--c-text);background:linear-gradient(135deg,#fafbff 0%,#f5f7fb 100%);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:16px 20px;font-size:15px;display:flex}.formula .f-part{border:1px solid var(--c-border);border-radius:var(--r-pill);background:#fff;padding:4px 12px;font-weight:700}.formula .f-part.highlight{color:var(--c-accent);background:linear-gradient(135deg,#f0e7ff 0%,#fff 100%);border-color:#d4c5ff}.formula i{color:var(--c-muted);font-size:16px;font-style:normal;font-weight:700}.comm-layout{grid-template-columns:380px 1fr;gap:16px;display:grid}@media (max-width:960px){.comm-layout{grid-template-columns:1fr}}.comm-list-card{padding:0}.comm-list-card>.card-head{padding:14px 16px}.comm-list-card .card-body{padding:0}.comm-search{border-bottom:1px solid var(--c-bg);padding:0 14px 10px}.comm-search input{background:var(--c-bg);border-radius:var(--r-pill);width:100%;transition:var(--t);border:1px solid #0000;padding:8px 14px;font-size:13px}.comm-search input:focus{border-color:var(--c-brand);background:#fff;outline:none;box-shadow:0 0 0 3px #1c6cff14}.comm-list{max-height:580px;margin:0;padding:6px;list-style:none;overflow-y:auto}.comm-list li{border-radius:var(--r-sm);cursor:pointer;transition:var(--t);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.comm-list li:hover{background:var(--c-bg)}.comm-list li.active{background:linear-gradient(135deg, var(--c-brand-soft) 0%, #fff 100%)}.comm-av{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.comm-av img{object-fit:cover;width:100%;height:100%}.comm-info{min-width:0}.comm-info b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.comm-info small{color:var(--c-muted);margin-top:1px;font-size:11px;display:block}.comm-rate b{color:var(--c-accent);font-family:var(--font-mono);font-size:13px;font-weight:800}.comm-rate .muted{color:var(--c-mute-2);font-size:11px}.comm-right{flex-direction:column;gap:16px;display:flex}.comm-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.comm-actions .btn{padding:9px 18px}.comm-actions small{margin-left:auto}.per-mille-input{position:relative}.per-mille-input input{border:1px solid var(--c-border);border-radius:var(--r-sm);width:100%;font-size:14px;font-family:var(--font-mono);padding:9px 30px 9px 14px}.per-mille-input input:focus{border-color:var(--c-brand);outline:none;box-shadow:0 0 0 3px #1c6cff1f}.per-mille-unit{color:var(--c-muted);font-size:14px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.comm-preview{flex-direction:column;gap:14px;display:flex}.cp-row{background:var(--c-bg);border-radius:var(--r-sm);align-items:center;gap:8px;padding:8px 14px;display:flex}.cp-row span{color:var(--c-muted);font-size:12px}.cp-row b{font-family:var(--font-mono);color:var(--c-text);font-size:13px}.cp-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.cp-cell{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;padding:14px 16px;position:relative;overflow:hidden}.cp-cell:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.cp-cell.tone-hours:before{background:#1c6cff}.cp-cell.tone-sales:before{background:#10a66b}.cp-cell.tone-rate:before{background:#8758ff}.cp-cell span{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.cp-cell b{font-family:var(--font-mono);color:var(--c-text);margin-bottom:4px;font-size:22px;font-weight:800;line-height:1.2;display:block}.cp-cell small{color:var(--c-mute-2);font-size:11px;display:block}.cp-total{border:1px solid var(--c-border);border-radius:var(--r-md);background:linear-gradient(135deg,#fff 0%,#fafbff 100%);align-items:center;gap:16px;padding:16px 20px;display:flex}.cp-total span{color:var(--c-muted);font-size:13px}.cp-total b{font-family:var(--font-mono);color:var(--c-text);font-size:28px;font-weight:800}.cp-total small{color:var(--c-mute-2);font-size:11px}@media (max-width:720px){.cp-grid{grid-template-columns:1fr}}.contract-viewer,.contract-empty{flex-direction:column;gap:14px;display:flex}.contract-img{object-fit:contain;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);max-width:100%;max-height:480px;padding:8px}.contract-img-sm{object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--c-border);width:48px;height:48px}.contract-pdf-card,.contract-pdf-mini{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);align-items:center;gap:12px;padding:24px;display:flex}.contract-pdf-mini{padding:8px 14px;font-size:22px}.contract-pdf-card span{font-size:36px}.contract-pdf-card b{color:var(--c-text);font-size:15px;display:block}.contract-pdf-card small{color:var(--c-muted);font-size:12px}.contract-actions{flex-wrap:wrap;gap:8px;display:flex}.contract-actions .btn{padding:8px 18px}.contract-info{background:var(--c-bg);border-radius:var(--r-sm);color:var(--c-muted);padding:10px 14px;font-size:12px}.contract-info b{color:var(--c-text);margin-right:6px}.contract-info code{color:var(--c-text-2);font-size:11px}.upload-zone-contract{border:2px dashed var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:var(--t);text-align:center;background:linear-gradient(135deg,#fafbff 0%,#f5f7fb 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.upload-zone-contract:hover{background:linear-gradient(135deg, var(--c-brand-soft) 0%, #fff 100%);border-color:var(--c-brand)}.upload-zone-contract .uz-icon{font-size:48px}.upload-zone-contract b{color:var(--c-text);font-size:15px;font-weight:700}.upload-zone-contract span{color:var(--c-muted);font-size:12px}.contract-preview-row{background:var(--c-bg);border-radius:var(--r-md);align-items:center;gap:14px;padding:12px 16px;display:flex}.contract-preview-row>div:nth-child(2){flex:1}.contract-preview-row b{color:var(--c-text);font-size:13px;display:block}.contract-preview-row small{color:var(--c-muted);font-size:11px}.contract-preview-row .pp-actions{gap:8px;display:flex}.url-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.url-card{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.url-icon{flex-shrink:0;font-size:28px}.url-body{flex:1;min-width:0}.url-body span{color:var(--c-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.url-body b{color:var(--c-text);margin-bottom:6px;font-size:14px;font-weight:700;display:block}.url-body code{font-family:var(--font-mono);color:var(--c-brand);background:var(--c-bg);border-radius:var(--r-sm);word-break:break-all;margin-bottom:8px;padding:8px 12px;font-size:12px;display:block}.url-actions{gap:8px;display:flex}.url-actions .btn{padding:6px 14px;font-size:12px}.url-hint{background:var(--c-bg);border-radius:var(--r-md);margin-top:14px;padding:14px 18px}.url-hint b{color:var(--c-text);font-size:12px}.url-hint ul{color:var(--c-muted);margin:8px 0 0;padding-left:20px;font-size:12px}.url-hint li{margin-bottom:2px}@media (max-width:720px){.url-grid{grid-template-columns:1fr}}.desktop-only{display:inline-flex}.hamburger-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);width:40px;height:40px;color:var(--c-text);cursor:pointer;transition:var(--t);flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger-btn:hover{background:var(--c-brand-soft);color:var(--c-brand);border-color:var(--c-brand)}.user-pill{cursor:pointer;-webkit-user-select:none;user-select:none}.user-pill .caret{align-items:center;margin-left:4px;transition:transform .2s;display:inline-flex}.user-pill .caret.open{transform:rotate(180deg)}.user-dropdown{border:1px solid var(--c-border);border-radius:var(--r-md);z-index:50;background:#fff;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #141e3c1f}.user-dropdown .ud-item{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--c-text);cursor:pointer;transition:var(--t);background:0 0;border:0;padding:10px 14px;font-size:13px;display:block}.user-dropdown .ud-item:hover{background:var(--c-bg);color:var(--c-brand)}.user-dropdown .ud-item.danger{color:var(--c-danger)}.user-dropdown .ud-item.danger:hover{background:#fff5f5}.user-dropdown hr{border:0;border-top:1px solid var(--c-border);margin:4px 8px}.drawer-backdrop{z-index:90;background:#141e3c73;animation:.2s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-drawer{z-index:100;pointer-events:none;background:#fff;flex-direction:column;width:280px;max-width:85vw;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #141e3c2e}.mobile-drawer.open{pointer-events:auto;transform:translate(0)}.mobile-drawer .md-head{border-bottom:1px solid var(--c-border);align-items:center;gap:12px;padding:18px 16px;display:flex}.mobile-drawer .md-head .brand{flex:1;min-width:0}.mobile-drawer .md-head .brand h2{font-size:14px;font-weight:700}.mobile-drawer .md-head .brand span{color:var(--c-muted);font-size:11px}.mobile-drawer .md-close{background:var(--c-bg);width:32px;height:32px;color:var(--c-muted);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;font-size:22px;line-height:1}.mobile-drawer .md-close:hover{background:var(--c-border);color:var(--c-text)}.mobile-drawer .md-menu{flex:1;padding:10px 8px;overflow-y:auto}.mobile-drawer .md-item{border-radius:var(--r-sm);text-align:left;cursor:pointer;width:100%;color:var(--c-text-2);transition:var(--t);background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex;position:relative}.mobile-drawer .md-item:hover{background:var(--c-bg);color:var(--c-text)}.mobile-drawer .md-item.active{background:var(--c-brand-soft);color:var(--c-brand);font-weight:600}.mobile-drawer .md-item .md-ico{color:inherit;display:inline-flex}.mobile-drawer .md-item b{flex:1}.mobile-drawer .md-item .md-bar{background:var(--c-brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.mobile-drawer .md-item .md-caret{color:var(--c-muted);transition:transform .2s;display:inline-flex}.mobile-drawer .md-item .md-caret.open{transform:rotate(90deg)}.mobile-drawer .md-children{flex-direction:column;gap:2px;padding:4px 0 4px 32px;display:flex}.mobile-drawer .md-child{border-radius:var(--r-sm);text-align:left;cursor:pointer;width:100%;color:var(--c-muted);transition:var(--t);background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.mobile-drawer .md-child:hover{color:var(--c-text);background:var(--c-bg)}.mobile-drawer .md-child.active{color:var(--c-brand);background:var(--c-brand-soft);font-weight:600}.mobile-drawer .md-child .md-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.mobile-drawer .md-foot{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mobile-drawer .md-exit{color:var(--c-danger);border-radius:var(--r-sm);cursor:pointer;background:#fff5f5;border:1px solid #ffd5d5;padding:8px 18px;font-size:13px;font-weight:600}.mobile-drawer .md-exit:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.mobile-drawer .md-foot small{color:var(--c-muted);font-size:11px}@media (max-width:720px){.hamburger-btn{display:inline-flex}.desktop-only{display:none}.topbar{gap:10px}.topbar h1{font-size:16px}.user-dropdown{top:56px;right:16px}}.fa-rule-banner{border-radius:var(--r-md);background:linear-gradient(135deg,#fff8ed 0%,#fff 60%);border:1px solid #ffe5b8;padding:20px 24px}.fa-formula{color:var(--c-text);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.fa-formula b{font-family:var(--font-mono);border:1px solid var(--c-border);border-radius:var(--r-pill);background:#fff;padding:2px 10px;font-weight:800}.fa-formula b.bonus{color:#fff;background:linear-gradient(135deg,#ff9b1c 0%,#ff5c8a 100%);border:none}.fa-formula i{color:var(--c-muted);font-size:16px;font-style:normal;font-weight:700}.fa-rule-banner p{margin:10px 0 0;font-size:13px}.fa-preview{background:var(--c-bg);border-radius:var(--r-sm);margin-top:16px;padding:14px 18px}.fa-preview h4{color:var(--c-text);margin:0 0 8px;font-size:13px}.fa-preview code{border-radius:var(--r-sm);color:var(--c-text-2);background:#fff;margin-bottom:6px;padding:8px 12px;font-size:12px;display:block}.fa-preview small{color:var(--c-mute-2);font-size:11px}.rep-table .bonus{color:#ff9b1c;font-weight:700}.salary-formula{flex-wrap:wrap;align-items:stretch;gap:8px;padding:4px 0;display:flex}.sf-part{border:1px solid var(--c-border);border-radius:var(--r-md);background:#fff;flex:1;min-width:160px;padding:14px 18px;position:relative}.sf-part:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.sf-part.tone-hours:before{background:#1c6cff}.sf-part.tone-commission:before{background:#8758ff}.sf-part.tone-bonus:before{background:#ff9b1c}.sf-part span{color:var(--c-muted);letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.sf-part b{font-family:var(--font-mono);color:var(--c-text);font-size:20px;font-weight:800;line-height:1.2;display:block}.sf-part small{color:var(--c-mute-2);margin-top:4px;font-size:11px;display:block}.sf-plus{color:var(--c-mute-2);align-items:center;padding:0 2px;font-size:18px;font-weight:700;display:inline-flex}.sf-eq{color:var(--c-mute-2);align-items:center;padding:0 4px;font-size:18px;font-weight:700;display:inline-flex}.sf-total{background:linear-gradient(135deg, var(--c-text) 0%, #1a2942 100%);color:#fff;border-radius:var(--r-md);flex:1.2;min-width:180px;padding:14px 18px}.sf-total span{color:#fff9;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.sf-total b{font-family:var(--font-mono);color:#fff;font-size:22px;font-weight:800;line-height:1.2;display:block}.sf-total small{color:#ffffff8c;margin-top:4px;font-size:11px;display:block}.settle-strip{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px;display:grid}.ss-card{border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:var(--t);background:#fff;align-items:center;gap:18px;padding:22px 26px;display:flex;position:relative;overflow:hidden}.ss-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.ss-card:before{content:"";background:var(--ss-tone);width:3px;position:absolute;top:0;bottom:0;left:0}.ss-card.tone-blue{--ss-tone:#1c6cff}.ss-card.tone-purple{--ss-tone:#8758ff}.ss-card.tone-green{--ss-tone:#10a66b}.ss-card.tone-orange{--ss-tone:#ff9b1c}.ss-icon{flex-shrink:0;font-size:30px}.ss-body{flex-direction:column;gap:4px;min-width:0;display:flex}.ss-body span{color:var(--c-muted);letter-spacing:.04em;font-size:12px}.ss-body b{color:var(--c-text);letter-spacing:-.01em;font-size:18px;font-weight:800}.ss-body small{color:var(--c-mute-2);font-size:12px}.ss-body .btn{align-self:flex-start;padding:8px 16px;font-size:13px}@media (max-width:1100px){.settle-strip{grid-template-columns:1fr 1fr}}.upload-zone-wrap{flex-direction:column;gap:14px;display:flex}.upload-zone{border:2px dashed var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:var(--t);text-align:center;background:linear-gradient(135deg,#fafbff 0%,#f5f7fb 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.upload-zone:hover,.upload-zone.dragging{background:linear-gradient(135deg, var(--c-brand-soft) 0%, #fff 100%);border-color:var(--c-brand);transform:scale(1.005)}.upload-zone.dragging{animation:1s ease-in-out infinite uzPulse}@keyframes uzPulse{0%,to{transform:scale(1.005)}50%{transform:scale(1.01)}}.uz-icon{font-size:48px;line-height:1}.upload-zone b{color:var(--c-text);font-size:15px;font-weight:700}.upload-zone span{color:var(--c-muted);font-size:12px}.upload-zone span u{color:var(--c-brand);font-weight:600}.upload-zone small{color:var(--c-mute-2);font-size:11px}.proof-preview-card{background:var(--c-bg);border-radius:var(--r-md);grid-template-columns:240px 1fr;gap:18px;padding:16px;display:grid}.proof-img-lg{object-fit:contain;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#fff;width:100%;max-height:280px}.proof-pdf-preview{border:1px solid var(--c-border);border-radius:var(--r-sm);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 16px;display:flex}.proof-pdf-preview span{font-size:36px}.proof-pdf-preview b{color:var(--c-text);font-size:12px}.proof-pdf-preview small{color:var(--c-mute-2);font-size:11px}.pp-info{flex-direction:column;justify-content:center;gap:8px;display:flex}.pp-info b{color:var(--c-text);font-size:14px}.pp-info small{color:var(--c-muted);font-size:12px}.pp-actions{gap:10px;margin-top:8px;display:flex}.pp-actions .btn{padding:8px 18px}.proof-final{flex-direction:column;gap:12px;display:flex}.proof-final .proof-img-lg{max-height:360px}.proof-pdf{background:var(--c-bg);border-radius:var(--r-md);align-items:center;gap:12px;padding:16px 20px;display:flex}.proof-pdf span{font-size:28px}.proof-pdf a{color:var(--c-brand);font-size:14px;font-weight:600}.proof-final-info{align-items:center;gap:10px;display:flex}.proof-final-info small{color:var(--c-muted);font-size:12px}.upload-locked{background:var(--c-bg);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.upload-locked .ul-icon{font-size:40px}.upload-locked b{color:var(--c-text-2);font-size:14px}.upload-locked small{color:var(--c-mute-2);font-size:12px}@media (max-width:720px){.settle-strip,.proof-preview-card{grid-template-columns:1fr}}.members-mgr{flex-direction:column;gap:12px;display:flex}.mm-tabs{background:var(--c-bg);border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px;display:flex}.mm-tabs button{border-radius:var(--r-pill);color:var(--c-muted);cursor:pointer;transition:var(--t);background:0 0;border:none;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.mm-tabs button span{border-radius:var(--r-pill);font-size:11px;font-weight:700;font-family:var(--font-mono);background:#0000000f;padding:1px 8px}.mm-tabs button.on{color:var(--c-brand);box-shadow:var(--sh-sm);background:#fff}.mm-tabs button.on span{background:var(--c-brand);color:#fff}.mm-search{flex:0 0 220px;margin-left:auto}.mm-search input{border:1px solid var(--c-border);border-radius:var(--r-pill);background:#fff;width:100%;padding:7px 14px;font-size:12px}.mm-search input:focus{border-color:var(--c-brand);outline:none;box-shadow:0 0 0 3px #1c6cff1a}.mm-toolbar{background:var(--c-bg);border-radius:var(--r-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.mm-check{color:var(--c-text-2);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.mm-check input{width:15px;height:15px;accent-color:var(--c-brand)}.mm-actions{align-items:center;gap:8px;display:flex}.mm-actions select{border:1px solid var(--c-border);border-radius:var(--r-sm);background:#fff;padding:6px 10px;font-size:12px}.mm-list{flex-direction:column;gap:4px;max-height:480px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.mm-list li{border:1px solid var(--c-border);border-radius:var(--r-sm);transition:var(--t);background:#fff}.mm-list li.selected{background:var(--c-brand-soft);border-color:var(--c-brand)}.mm-row{cursor:pointer;grid-template-columns:18px 36px 1fr auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.mm-row input{width:16px;height:16px;accent-color:var(--c-brand);cursor:pointer}.mm-av{background:linear-gradient(135deg, var(--c-brand), var(--c-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.mm-av img{object-fit:cover;width:100%;height:100%}.mm-info{min-width:0}.mm-info b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.mm-info small{color:var(--c-muted);margin-top:1px;font-size:11px;display:block}.form-actions-row{gap:8px;margin-top:4px;display:flex}.admin-stats{color:var(--c-muted);gap:14px;font-size:12px;display:flex}.admin-stats b{color:var(--c-text);font-family:var(--font-mono);margin-left:2px}.tag-wrap{flex-wrap:wrap;gap:4px;display:flex}.room-tag,.streamer-tag,.more-tag{border-radius:var(--r-pill);align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.room-tag{color:var(--c-brand);background:#e3efff}.streamer-tag{color:var(--c-accent);background:#f0e7ff}.more-tag{background:var(--c-bg);color:var(--c-mute-2)}.row-actions-v2{justify-content:flex-end;gap:4px;display:flex}.row-mini{border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;width:28px;height:28px;transition:var(--t);background:#fff;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:13px;display:inline-flex}.row-mini:hover{box-shadow:var(--sh-sm);transform:translateY(-1px)}.row-mini.primary{color:var(--c-brand);border-color:#b3d4ff}.row-mini.primary:hover{background:var(--c-brand);color:#fff}.row-mini.green{color:#10a66b;border-color:#a7e3c5}.row-mini.green:hover{color:#fff;background:#10a66b}.row-mini.warn{color:#ff9b1c;border-color:#ffd9a0}.row-mini.warn:hover{color:#fff;background:#ff9b1c}.row-mini.danger{color:#ef4444;border-color:#fecaca}.row-mini.danger:hover{color:#fff;background:#ef4444}.admin-editor{flex-direction:column;gap:18px;display:flex}.ae-section h4{color:var(--c-text);border-bottom:1px dashed var(--c-bg-2);align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;font-size:13px;font-weight:700;display:flex}.ae-section h4 small{font-weight:400}.ae-section .field input:disabled{background:var(--c-bg);color:var(--c-muted);cursor:not-allowed}.ae-grid{background:var(--c-bg);border-radius:var(--r-sm);flex-wrap:wrap;gap:6px;max-height:180px;padding:8px;display:flex;overflow-y:auto}.ae-pill{border:1px solid var(--c-border);border-radius:var(--r-pill);cursor:pointer;transition:var(--t);-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:4px;padding:5px 12px;font-size:12px;display:inline-flex}.ae-pill:hover{border-color:var(--c-brand)}.ae-pill.on{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.ae-pill input{display:none}.reset-pw{flex-direction:column;gap:12px;display:flex}html,body,#root{box-sizing:border-box;width:100%;min-height:100%;margin:0;padding:0}html,body{overflow-x:hidden}#root{text-align:left;max-width:none;display:block}button,input,textarea,select{font:inherit}h1,h2,p{margin-block-start:0}*{box-sizing:border-box}