:root{--bg:#0b0b0d;--bg-alt:#141417;--panel:#18181b;--panel-2:#1c1c20;--border:#28282c;--border-soft:#1f1f23;--text:#f2f0ec;--muted:#8d8d94;--accent:#d9a441;--accent-2:#f2c15f;--accent-deep:#a9791f;--accent-soft:#d9a44124;--accent-glow:#d9a44159;--accent-glow-strong:#d9a4418c;--success:#4ade80;--success-soft:#4ade8024;--warn:#f5a524;--warn-soft:#f5a52424;--danger:#f16565;--radius-lg:18px;--radius-xl:26px;--radius-md:12px;--font-display:"Oswald",Arial,sans-serif;--font-body:"Inter",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--grad-accent:linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 55%, var(--accent-deep) 100%)}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--text);margin:0;display:flex;position:relative;overflow-x:hidden}#root{display:contents}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 100% -10%,#d9a4411a,#0000 60%),radial-gradient(700px 500px at -10% 110%,#d9a4410d,#0000 60%);animation:18s ease-in-out infinite bgGlowDrift;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.6;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(1100px 700px at 70% 0,#000,#0000 75%);mask-image:radial-gradient(1100px 700px at 70% 0,#000,#0000 75%)}@keyframes bgGlowDrift{0%,to{opacity:1;transform:translate(0)scale(1)}50%{opacity:.85;transform:translate(-1.5%,1.5%)scale(1.05)}}.nav-shell,main,.topbar{z-index:1;position:relative}.page-bg{z-index:0;pointer-events:none;background-position:50%;background-size:cover;transition:background-image .5s;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cards .card{animation:.5s backwards fadeInUp}.cards .card:first-child{animation-delay:20ms}.cards .card:nth-child(2){animation-delay:80ms}.cards .card:nth-child(3){animation-delay:.14s}.cards .card:nth-child(4){animation-delay:.2s}.grid .panel{animation:.5s backwards fadeInUp}.grid .panel:first-child{animation-delay:.24s}.grid .panel:nth-child(2){animation-delay:.3s}main>section.panel{animation:.5s backwards fadeInUp}main>section.panel:nth-of-type(3){animation-delay:.36s}main>section.panel:nth-of-type(4){animation-delay:.42s}.header--hero{animation:.4s backwards fadeInUp}.nav-shell{z-index:40;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.server-rail{background:var(--bg);border-right:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:72px;padding:14px 0;display:flex;position:relative}.server-rail:after{content:"";background:var(--grad-accent);opacity:.5;height:2px;position:absolute;top:0;left:16px;right:16px}.rail-item{background:var(--bg-alt);border:1px solid var(--border-soft);cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;transition:border-radius .18s,background .18s,border-color .18s,width .18s,height .18s,box-shadow .18s;display:grid;position:relative}.rail-item img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.rail-item .rail-icon{font-size:20px}.rail-initials{font-family:var(--font-display);color:var(--muted);font-size:15px;font-weight:600}.rail-item:hover{background:var(--accent-soft);border-color:#d9a44159;border-radius:16px;box-shadow:0 0 0 4px #d9a44114}.rail-item:hover .rail-initials{color:var(--accent)}.rail-item.active{border-color:#d9a44180;border-radius:16px;box-shadow:0 0 18px #d9a44140}.rail-item.active:before{content:"";background:var(--grad-accent);width:4px;height:26px;box-shadow:0 0 8px var(--accent-glow);border-radius:0 4px 4px 0;position:absolute;top:50%;left:-13px;transform:translateY(-50%)}.rail-separator{background:var(--border);border-radius:2px;width:32px;height:2px}.rail-item:after{content:attr(data-tip);color:var(--text);border:1px solid var(--border);white-space:nowrap;opacity:0;pointer-events:none;z-index:60;background:#000;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-4px)}.rail-item:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.rail-item--unconfigured{opacity:.5;filter:grayscale();width:60px;height:60px}.rail-item--unconfigured:hover{opacity:.9}.sidebar{background:linear-gradient(180deg, var(--bg-alt), var(--bg));border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:26px 20px;display:flex;overflow-y:auto}nav{flex-direction:column;gap:4px;display:flex}nav:before{content:"Menu";letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.65;margin:2px 0 8px 12px;font-size:11px;font-weight:700;display:block}nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}nav a .ic{background:var(--bg-alt);border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:14px;transition:background .15s;display:grid}nav a:hover{background:var(--panel);color:var(--text);transform:translate(2px)}nav a.active{color:var(--accent);background:linear-gradient(135deg,#d9a4412e,#d9a4410d);border-color:#d9a4414d}nav a.active .ic{background:#d9a4412e}main{flex:1;min-width:0;padding:104px 40px 36px}main>section+section{margin-top:20px}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.header--hero{border-radius:var(--radius-xl);background:radial-gradient(560px 220px at 12% 0%, var(--accent-soft), transparent 70%), linear-gradient(180deg, var(--panel), var(--bg-alt));border:1px solid var(--border-soft);padding:26px 30px;position:relative;overflow:hidden}.header--hero:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 70%);filter:blur(6px);pointer-events:none;transform-origin:50%;width:220px;height:220px;animation:6s ease-in-out infinite heroGlowPulse;position:absolute;top:-70px;right:-70px}.header--hero:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff0d 42%,#d9a44129 48%,#ffffff0d 54%,#0000 66%) 0 0/220% 100%;animation:9s ease-in-out infinite heroShine;position:absolute;inset:0}@keyframes heroGlowPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes heroShine{0%{background-position:150% 0}60%,to{background-position:-70% 0}}.header--hero>*{position:relative}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:600}h1{font-family:var(--font-display);letter-spacing:.2px;color:var(--text);margin:0;font-size:32px;font-weight:600}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{background:var(--panel);border:1px solid var(--border);border-radius:11px;align-items:center;gap:9px;width:280px;max-width:100%;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search:focus-within{border-color:#d9a44166;box-shadow:0 0 0 3px #d9a4411a}.search .ic{opacity:.6;flex-shrink:0;font-size:14px}.search input{color:var(--text);font-family:var(--font-body);text-overflow:ellipsis;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:13.5px}.search input::placeholder{color:var(--muted)}.btn,button.btn{background:var(--grad-accent);color:#161311;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 4px 16px #d9a44138}.btn:hover{filter:brightness(1.08);box-shadow:0 8px 26px var(--accent-glow-strong);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.card,.panel{background:linear-gradient(160deg, var(--panel), var(--panel-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative}.card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--grad-accent);opacity:0;height:2px;transition:opacity .18s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:#d9a44166;transform:translateY(-3px);box-shadow:0 16px 34px #00000059}.card:hover:before{opacity:1}.card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-ic{background:var(--grad-accent);border:1px solid #d9a44166;border-radius:11px;place-items:center;width:40px;height:40px;font-size:17px;display:grid;box-shadow:0 6px 16px #d9a44133}.trend{border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:600}.trend.up{color:var(--success);background:var(--success-soft)}.trend.warn{color:var(--warn);background:var(--warn-soft)}.trend.down{color:var(--danger);background:#f1656524}.card-label{color:var(--muted);font-size:13px;font-weight:500;display:block}.card h2{font-family:var(--font-display);letter-spacing:.2px;-webkit-text-fill-color:initial;color:var(--text);filter:none;background:0 0;margin:6px 0 0;font-size:30px;font-weight:600}.config-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 18px;display:grid}.config-field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.config-field input,.config-field select{background:var(--bg-alt);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.config-field input:focus,.config-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9a4411a}.wizard-steps{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.wizard-step-indicator{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:9px 16px 9px 9px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.wizard-step-num{background:var(--bg-alt);width:24px;height:24px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:flex}.wizard-step-indicator.is-active{border-color:var(--accent);color:var(--text)}.wizard-step-indicator.is-active .wizard-step-num{background:var(--grad-accent);color:#161311}.wizard-step-indicator.is-done{color:var(--text)}.wizard-step-indicator.is-done .wizard-step-num{background:var(--accent-soft);color:var(--accent)}.type-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.type-card{border-radius:var(--radius-md);border:2px solid var(--border);height:100px;color:var(--text);cursor:pointer;font-family:var(--font-body);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative}.type-card:hover{border-color:#d9a44180;transform:translateY(-1px)}.type-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #d9a44126}.type-card-icon{font-size:22px}.type-card-label{font-size:13px;font-weight:600}.wizard-nav{justify-content:flex-end;align-items:center;gap:10px;display:flex}.color-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-picker input[type=color]{background:var(--bg-alt);border:1px solid var(--border);cursor:pointer;border-radius:10px;width:44px;height:38px;padding:3px}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:26px;height:26px;padding:0;transition:border-color .15s,transform .12s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.is-selected{border-color:var(--text);box-shadow:0 0 0 2px var(--bg-alt), 0 0 0 4px var(--accent)}.custom-select{position:relative}.custom-select select.js-select{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.custom-select-trigger{background:var(--bg-alt);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.custom-select-trigger:hover{border-color:#d9a44159}.custom-select.is-open .custom-select-trigger,.custom-select-trigger:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d9a4411a}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-select-arrow{color:var(--muted);flex-shrink:0;transition:transform .15s}.custom-select.is-open .custom-select-arrow{color:var(--accent);transform:rotate(180deg)}.custom-select-menu{background:linear-gradient(160deg, var(--panel), var(--panel-2));border:1px solid var(--border);z-index:50;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:12px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 34px #0006}.custom-select-menu::-webkit-scrollbar{width:8px}.custom-select-menu::-webkit-scrollbar-track{background:0 0}.custom-select-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.custom-select.opens-up .custom-select-menu{top:auto;bottom:calc(100% + 6px)}.custom-select-option{font-family:var(--font-mono);color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:8px 10px;font-size:13px;transition:background .1s,color .1s;overflow:hidden}.custom-select-option:hover{background:var(--accent-soft);color:var(--accent)}.custom-select-option.is-selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.panel-head h3{margin:0;font-size:15.5px;font-weight:600}.panel-sub{color:var(--muted);font-size:12px}.panel-head-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chart-toggle{background:var(--bg-alt);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.chart-toggle-btn{cursor:pointer;color:var(--muted);font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.chart-toggle-btn:hover{color:var(--text)}.chart-toggle-btn.is-active{background:var(--grad-accent);color:#161311;box-shadow:0 3px 10px #d9a44140}.activity{background:repeating-linear-gradient(to top, transparent 0 39px, var(--border-soft) 39px 40px), linear-gradient(160deg, var(--panel), var(--panel-2))}.bars[hidden],.chart-line[hidden]{display:none}.bars{align-items:flex-end;gap:14px;height:210px;display:flex;position:relative}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;height:100%;display:flex}.bar-col .bar{width:100%;height:var(--v);background:linear-gradient(180deg, var(--accent) 0%, #d9a44159 100%);transform-origin:bottom;border-radius:7px 7px 3px 3px;transition:filter .15s,height .3s;position:relative}.bar-col .bar.bar-grow-in{animation:.6s backwards growBar}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-col.peak .bar{background:linear-gradient(180deg, #f2c15f 0%, var(--accent) 55%, #d9a44166 100%);box-shadow:0 0 22px var(--accent-glow)}.bar-col span{color:var(--muted);font-size:11.5px;font-family:var(--font-mono)}.bar-col:hover .bar{filter:brightness(1.15)}.chart-line{flex-direction:column;height:210px;display:flex}.line-chart-wrap{flex:0 0 186px;position:relative}.line-chart-svg{width:100%;height:100%;display:block;overflow:visible}.line-grad-start{stop-color:var(--accent);stop-opacity:.35}.line-grad-end{stop-color:var(--accent);stop-opacity:0}.line-area{fill:url(#lineAreaGrad);stroke:none}.line-stroke{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--accent-glow))}.line-hover-guide{stroke:var(--border-soft);stroke-width:1px;stroke-dasharray:3 4;opacity:0;pointer-events:none;transition:opacity .1s}.line-hover-guide.is-visible{opacity:1}.line-hover-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2px;opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px var(--accent-glow));transition:opacity .1s}.line-hover-dot.is-visible{opacity:1}.line-chart-overlay{fill:#0000;cursor:crosshair}.line-tooltip{background:linear-gradient(160deg, var(--panel), var(--panel-2));border:1px solid var(--border);pointer-events:none;opacity:0;white-space:nowrap;z-index:5;border-radius:10px;padding:8px 12px;transition:opacity .1s;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 14px 30px #00000073}.line-tooltip.is-below{transform:translate(-50%,12px)}.line-tooltip.is-visible{opacity:1}.line-tooltip-date{color:var(--text);text-transform:capitalize;font-size:12px;font-weight:600}.line-tooltip-value{color:var(--accent);font-size:12.5px;font-family:var(--font-mono);margin-top:2px}.line-chart-labels{justify-content:space-between;margin-top:10px;padding:0 2px;display:flex}.line-chart-labels span{color:var(--muted);font-size:11.5px;font-family:var(--font-mono)}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:11px 0;display:flex}.list li:last-child{border-bottom:none}.list .rank{background:var(--bg-alt);border:1px solid var(--border);width:24px;height:24px;color:var(--muted);font-size:11.5px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.list .name{flex:1;font-size:13.5px;font-weight:500}.list li b{font-family:var(--font-mono);color:var(--text);font-size:13px}.top-employees{flex-direction:column;gap:16px;display:flex}.podium{justify-content:center;align-items:flex-end;gap:12px;padding:10px 0 4px;display:flex}.podium-item{text-align:center;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;align-items:center;max-width:120px;padding:18px 10px 14px;transition:transform .15s,border-color .15s;display:flex;position:relative}.podium-item:hover{transform:translateY(-3px)}.podium-item.rank-1{background:linear-gradient(180deg, var(--accent-soft), var(--bg-alt) 70%);border-color:#d9a44173;order:2;padding-top:30px}.podium-item.rank-2{order:1}.podium-item.rank-3{order:3}.podium-crown{filter:drop-shadow(0 2px 6px #d9a44180);font-size:20px;position:absolute;top:-14px}.podium-avatar-wrap{background:var(--grad-accent);border-radius:50%;flex-shrink:0;width:52px;height:52px;margin-bottom:10px;padding:3px}.podium-item.rank-1 .podium-avatar-wrap{width:66px;height:66px;box-shadow:0 0 22px var(--accent-glow)}.podium-item.rank-2 .podium-avatar-wrap{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.podium-item.rank-3 .podium-avatar-wrap{background:linear-gradient(135deg,#f0b088,#c2703f)}.podium-avatar-wrap img{object-fit:cover;background:var(--bg-alt);border-radius:50%;width:100%;height:100%;display:block}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:4px;font-size:12.5px;font-weight:600;overflow:hidden}.podium-amount{font-family:var(--font-mono);color:var(--accent);font-size:13px}.podium-item.rank-1 .podium-amount{font-size:15.5px}.podium-rank-badge{background:var(--panel);border:1px solid var(--border);width:22px;height:22px;font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-9px}.podium-item.rank-1 .podium-rank-badge{color:var(--accent);border-color:#d9a44166}.table-wrap{overflow-x:auto}.table-wrap,.sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.table-wrap::-webkit-scrollbar{width:8px;height:8px}.sidebar::-webkit-scrollbar{width:8px;height:8px}.table-wrap::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}.table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--muted)}table{border-collapse:collapse;width:100%;min-width:520px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border);background:linear-gradient(#ffffff06,#0000);padding:10px 14px;font-size:11.5px;font-weight:600}td{text-align:left;border-bottom:1px solid var(--border-soft);padding:14px;font-size:13.5px}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .12s}tbody tr:hover{background:var(--bg-alt)}.plate{font-family:var(--font-mono);color:var(--muted);background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px}.who{align-items:center;gap:9px;display:flex}.who img{background:var(--bg-alt);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:24px;height:24px}.list-avatar{background:var(--bg-alt);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:26px;height:26px}.badge{background:var(--warn-soft);color:var(--warn);border:1px solid #f5a5244d;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.badge.ok{background:var(--success-soft);color:var(--success);border-color:#4ade804d}.badge.refused{color:var(--danger);background:#f1656524;border-color:#f165654d}.tag-type{border:1px solid var(--border);background:var(--bg-alt);color:var(--muted);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-type.type-commande{color:var(--accent);background:var(--accent-soft);border-color:#d9a44159}.tag-type.type-rdv{color:var(--success);background:var(--success-soft);border-color:#4ade8059}.tag-type.type-question{color:#38bdf8;background:#38bdf824;border-color:#38bdf859}.tag-type.type-cv{color:var(--accent);background:var(--accent-soft);border-color:#d9a44159}.tag-type.type-autre{border-color:var(--border);color:var(--muted);background:var(--bg-alt)}.empty-state{color:var(--muted);text-align:center;padding:20px 0;font-size:13.5px}.empty-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:64px 24px;display:flex}.empty-hero-icon{background:radial-gradient(circle, var(--accent-soft), transparent 70%);border:1px solid var(--border-soft);border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:6px;font-size:36px;display:grid}.empty-hero h2{color:var(--text);margin:0;font-size:19px}.empty-hero p{color:var(--muted);max-width:440px;margin:0;font-size:14px;line-height:1.5}.topbar{-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border);z-index:45;background:#141417c7;justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex;position:fixed;top:0;left:72px;right:0}.topbar--with-sidebar{left:332px}.topbar-brand{font-family:var(--font-display);letter-spacing:.3px;color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.topbar-brand-icon{object-fit:contain;flex-shrink:0;width:26px;height:26px}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-user img{border:2px solid var(--border);border-radius:50%;width:34px;height:34px}.topbar-user b{font-size:13.5px;font-weight:600}.topbar-user .logout-link{border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:6px;margin-top:0;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.topbar-user .logout-link:hover{background:var(--accent-soft);color:var(--accent)}@media (width<=800px){.topbar,.topbar--with-sidebar{padding-left:70px;left:0}}.nav-toggle{z-index:60;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:none;position:fixed;top:18px;left:18px}.nav-toggle span{background:var(--text);border-radius:2px;width:18px;height:2px}.scrim{z-index:35;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=1000px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=800px){.nav-toggle{display:flex}.nav-shell{transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000080}.nav-shell.open{transform:translate(0)}.scrim.visible{display:block}main{padding:88px 20px 40px}.cards{grid-template-columns:1fr 1fr}header{align-items:flex-start}.header--hero{padding:20px}}@media (width<=520px){.cards{grid-template-columns:1fr}.search{order:2;width:100%}.header-actions{width:100%}.btn{order:1}.podium-item{max-width:none}}.logout-link{color:var(--muted);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.logout-link:hover{background:var(--panel);color:var(--danger)}.login-body{background:radial-gradient(1100px 500px at 100% -10%, #d9a44114, transparent 60%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);justify-content:center;align-items:center;padding:24px;display:flex}.login-body--split{justify-content:stretch;align-items:stretch;padding:0}.login-shell{width:100%;min-height:100vh;display:flex}.login-hero{background:linear-gradient(160deg, var(--bg-alt), var(--bg));border-right:1px solid var(--border-soft);flex-direction:column;flex:1.15;justify-content:center;padding:60px 68px;display:flex;position:relative;overflow:hidden}.login-hero-glow{pointer-events:none;background:radial-gradient(560px 420px at 20% 10%, var(--accent-glow), transparent 65%), radial-gradient(420px 320px at 95% 95%, #d9a44124, transparent 60%);animation:10s ease-in-out infinite loginGlowDrift;position:absolute;inset:0}@keyframes loginGlowDrift{0%,to{opacity:.85;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.08)translate(2%,-2%)}}.login-hero:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff0a 42%,#d9a44124 48%,#ffffff0a 54%,#0000 66%) 0 0/220% 100%;animation:11s ease-in-out infinite heroShine;position:absolute;inset:0}.login-hero-logo{width:84px;height:84px;filter:drop-shadow(0 0 26px var(--accent-glow));margin-bottom:20px;position:relative}.login-hero-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:12px;font-weight:700;position:relative}.login-hero-title{margin:0 0 18px;font-size:50px;line-height:1.08;position:relative}.login-hero-text{color:var(--muted);max-width:420px;margin:0 0 32px;font-size:15px;line-height:1.6;position:relative}.login-hero-points{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}.login-hero-points li{color:var(--text);align-items:center;gap:12px;font-size:13.5px;font-weight:500;display:flex}.login-hero-points .pt-ic{background:var(--accent-soft);border:1px solid #d9a44140;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.login-panel{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-wrap{width:100%;max-width:420px}.login-logo-banner{filter:drop-shadow(0 0 22px #d9a44138);width:100%;max-width:170px;height:auto;margin:0 auto 10px;display:block}.login-eyebrow{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);opacity:.8;margin:0 0 24px;font-size:11px;font-weight:600}.login-card{background:linear-gradient(160deg, var(--panel), var(--panel-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px 28px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000059}.login-card:before{content:"";background:var(--grad-accent);height:2px;box-shadow:0 0 12px var(--accent-glow);border-radius:0 0 4px 4px;position:absolute;top:0;left:16px;right:16px}.login-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border:1px solid #d9a4414d;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.login-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.login-heading{font-family:var(--font-display);-webkit-text-fill-color:initial;color:var(--text);filter:none;background:0 0;margin:0 0 5px;font-size:21px;font-weight:600}.login-subtext{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.login-alert{color:#ffb3b3;background:#f165651f;border:1px solid #f165654d;border-radius:10px;margin:0 0 18px;padding:10px 14px;font-size:13px}.login-form{flex-direction:column;display:flex}.field-group{margin-bottom:16px}.field-group label{color:var(--muted);margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.field-icon{align-items:center;display:flex;position:relative}.field-icon .prefix{color:var(--muted);pointer-events:none;font-size:13px;position:absolute;left:13px}.field-icon input{background:var(--bg-alt);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:11px;outline:none;padding:12px 14px 12px 36px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field-icon input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9a4411a}.field-icon .toggle-visibility{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;display:grid;position:absolute;right:8px}.field-icon .toggle-visibility:hover{color:var(--text);background:var(--border-soft)}.field-hint{color:var(--muted);margin:7px 2px 0;font-size:11px;line-height:1.5}.info-note{background:var(--accent-soft);color:var(--muted);border:1px solid #d9a44140;border-radius:12px;gap:9px;margin:2px 0 20px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.info-note strong{color:var(--text)}.info-note .ic{flex-shrink:0;font-size:13px;line-height:1.6}.login-submit{text-align:center;width:100%;padding:13px 18px;font-size:14px;text-decoration:none;display:block}.login-secondary{text-align:center;color:var(--muted);margin:18px 0 0;font-size:12.5px}.login-secondary a{color:var(--accent);font-weight:600}.login-secondary a:hover{text-decoration:underline}.btn-ghost{color:var(--text);border:1px solid var(--border);box-shadow:none;background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:none;filter:none}@media (width<=980px){.login-hero{display:none}.login-panel{flex:100%}}.card h2,.list b,.list .rank,.plate,.bar-col span,td.num,.badge,.podium-amount{font-variant-numeric:tabular-nums}td.num{text-align:right;white-space:nowrap}th.num{text-align:right}.live-indicator{color:var(--muted);font-size:12px;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:7px;display:flex}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s infinite live-pulse;box-shadow:0 0 #4ade8099}@keyframes live-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 6px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.empty-state-row{color:var(--muted);padding:14px 0;font-size:13px;list-style:none}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:90px 20px;animation:.4s backwards fadeInUp;display:flex}.page-loader-ring{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}.page-loader-text{color:var(--muted);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.wizard-panel{animation:.3s backwards fadeInUp}a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}