.add-item-page{max-width:500px;margin:0 auto;padding:2rem 1rem}.item-form-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2rem}.form-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-xl);font-size:1.75rem}.item-form-card h2{text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.form-field{margin-bottom:1.25rem}.form-field label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-field label .required{color:var(--danger)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);transition:all var(--duration-fast) ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.form-field input::placeholder{color:var(--text-muted)}.form-field .help-text{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.form-field .error-text{font-size:.75rem;color:var(--danger);margin-top:.375rem}.form-field.has-error input,.form-field.has-error select{border-color:var(--danger)}.btn-submit-item{width:100%;padding:1rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.btn-submit-item:hover{background:var(--primary-light);box-shadow:0 6px 16px hsla(var(--primary-h),var(--primary-s),50%,.35);transform:translateY(-1px)}.back-link{display:block;text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem;text-decoration:none}.message.success{background:var(--primary-subtle);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 55%,transparent)}.created-code{display:inline-block;font-family:var(--font-mono, monospace);font-size:.9375rem;font-weight:700;background:#0003;padding:.125rem .5rem;border-radius:var(--radius-sm);letter-spacing:.05em}.rad-page{max-width:700px;margin:0 auto;padding:1.5rem 1rem 4rem}.rad-header{text-align:center;margin-bottom:1.5rem}.rad-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.rad-header h1 i{color:var(--primary)}.rad-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md, 10px);font-size:.875rem;margin-bottom:1rem}.rad-alert-ok{background:var(--success-bg);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 35%,transparent)}.rad-alert-err{background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.rad-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color var(--duration-fast, .2s) ease}.rad-back-link:hover{color:var(--primary)}.rad-form-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem}.rad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.rad-form-grid{grid-template-columns:1fr}}.rad-field{display:flex;flex-direction:column;gap:.4rem}.rad-field-full{grid-column:1 / -1}.rad-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:.375rem}.rad-field label i{color:var(--primary);font-size:.75rem}.rad-input,.rad-textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);box-sizing:border-box;transition:border-color var(--duration-fast, .2s) ease,box-shadow var(--duration-fast, .2s) ease}.rad-input:focus,.rad-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.rad-textarea{min-height:100px;resize:vertical}.rad-range{width:100%;accent-color:var(--primary)}.rad-rate-hint{font-size:.8rem;font-weight:600}.rad-rate-high{color:var(--success)}.rad-rate-mid{color:var(--accent)}.rad-rate-low{color:var(--danger)}.rad-multi{position:relative}.rad-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.rad-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem .3rem .7rem;background:var(--primary-subtle);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:var(--radius-full, 999px);font-size:.8rem;font-weight:600;color:var(--primary)}.rad-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);cursor:pointer;transition:background var(--duration-fast, .2s) ease}.rad-chip-remove:hover{background:color-mix(in srgb,var(--primary) 40%,transparent)}.rad-multi-input-wrap{display:flex;align-items:center;gap:.5rem;padding:0 .875rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--duration-fast, .2s) ease,box-shadow var(--duration-fast, .2s) ease}.rad-multi-input-wrap.open,.rad-multi-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.rad-multi-icon{color:var(--text-muted);font-size:.8rem}.rad-multi-input{flex:1;border:none;background:transparent;padding:.625rem 0;font-size:.875rem;color:var(--text-primary);outline:none}.rad-multi-input::placeholder{color:var(--text-muted)}.rad-multi-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:220px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.35rem;box-shadow:var(--shadow-md)}.rad-multi-option{display:block;width:100%;text-align:left;padding:.5rem .65rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background var(--duration-fast, .2s) ease}.rad-multi-option:hover{background:var(--primary-subtle);color:var(--primary)}.rad-multi-empty{padding:.65rem;font-size:.85rem;color:var(--text-muted);text-align:center}.rad-form-actions{margin-top:1.25rem;display:flex;gap:.75rem}.rad-btn-secondary,.rad-submit-btn{position:relative;overflow:hidden;border-radius:var(--radius-full, 999px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;isolation:isolate;transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s ease,border-color .22s ease,color .22s ease,background .22s ease}.rad-btn-secondary:before,.rad-submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 38%,color-mix(in srgb,var(--accent) 40%,transparent) 50%,transparent 62%);transform:translate(-120%);transition:transform .55s ease;pointer-events:none;z-index:0}.rad-btn-secondary:hover:before,.rad-submit-btn:hover:not(:disabled):before{transform:translate(120%)}.rad-btn-secondary>*,.rad-submit-btn>*{position:relative;z-index:1}.rad-btn-secondary{flex:0 0 auto;padding:.75rem 1.15rem;font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-primary)}.rad-btn-secondary:hover{color:var(--text-primary);background:var(--accent-subtle);border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.rad-btn-secondary:active{transform:translateY(0) scale(.98)}.rad-btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rad-submit-btn{flex:1;padding:.8rem 1.35rem;font-size:.9rem;color:var(--primary-text);background:linear-gradient(135deg,var(--primary-light),var(--primary),var(--primary-dark));border:1px solid color-mix(in srgb,var(--primary-text) 15%,transparent);box-shadow:var(--shadow-glow)}.rad-submit-btn:hover:not(:disabled){color:var(--primary-text);background:linear-gradient(135deg,var(--primary-lighter),var(--primary-light),var(--primary));transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-glow),var(--shadow-md)}.rad-submit-btn:active:not(:disabled){transform:translateY(-1px) scale(.99)}.rad-submit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rad-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.rad-stats-section{margin-top:1.5rem}.rad-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rad-stats-title{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.rad-stats-title i{color:var(--primary)}.rad-avg-badge{padding:.375rem .75rem;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-full, 999px);font-size:.8rem;font-weight:600}.rad-reviews-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.rad-review-item{background:var(--bg-secondary);border:1px solid var(--border-subtle, var(--border-primary));border-radius:var(--radius-md);padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.rad-review-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.rad-review-shop{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rad-review-user{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rad-review-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.rad-review-rate{font-size:.8rem;font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-sm)}.rad-review-rate.rad-rate-high{background:var(--success-bg);color:var(--success)}.rad-review-rate.rad-rate-mid{background:var(--accent-subtle);color:var(--accent)}.rad-review-rate.rad-rate-low{background:var(--danger-bg);color:var(--danger)}.rad-review-date{font-size:.75rem;color:var(--text-muted)}.rad-page .searchable-select{position:relative;width:100%}.rad-page .searchable-select-input{width:100%;padding:.625rem .875rem;font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);box-sizing:border-box}.rad-page .searchable-select-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.rad-page .searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:220px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.35rem;box-shadow:var(--shadow-md)}.rad-page .searchable-select-option{padding:.5rem .65rem;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;color:var(--text-primary)}.rad-page .searchable-select-option:hover,.rad-page .searchable-select-option.focused{background:var(--primary-subtle)}.rad-page .searchable-select-option.selected{background:var(--primary-subtle);color:var(--primary);font-weight:600}.add-user-page{max-width:550px;margin:0 auto;padding:2rem 1rem}.form-label .required{color:var(--danger)}select[multiple].form-control{min-height:100px;padding:.5rem}select[multiple].form-control option{padding:.5rem .75rem;border-radius:var(--radius-md);margin-bottom:.25rem}.password-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-card{background:var(--primary-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.info-card i{color:var(--primary);font-size:1.25rem;margin-top:.125rem}.info-card span{color:var(--primary);font-size:.875rem;line-height:1.5}.form-actions{display:flex;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.form-actions .btn-submit,.form-actions .btn-cancel{height:52px;box-sizing:border-box;padding:0 1.5rem;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;text-decoration:none;border:none;transition:all .2s ease}.form-actions .btn-submit{flex:1;background:var(--primary);color:var(--primary-text)}.form-actions .btn-submit:hover{background:var(--primary-hover);transform:translateY(-1px)}.form-actions .btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-actions .btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.form-actions .btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.au-success{background:var(--success-bg);color:var(--success);border-radius:var(--radius-lg);padding:.875rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:500}.field-error{display:block;color:var(--danger);font-size:.8rem;margin-top:.375rem}.form-control.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.au-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.au-group-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .15s;-webkit-user-select:none;user-select:none}.au-group-item input[type=checkbox]{display:none}.au-group-item i{color:var(--text-muted);font-size:.75rem}.au-group-item:hover{border-color:var(--primary);color:var(--text-primary)}.au-group-item.selected{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary);font-weight:600}.au-group-item.selected i{color:var(--primary)}.au-no-groups{font-size:.875rem;color:var(--text-muted);margin:0}.au-pass-wrap{position:relative}.au-pass-wrap .form-control{padding-right:2.75rem}.au-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:.9rem;transition:color .15s}.au-eye:hover{color:var(--text-primary)}@media(max-width:480px){.password-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}.asb-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.asb-header{margin-bottom:1.75rem}.asb-header h1{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:.6rem}.asb-header h1 i{color:var(--primary)}.asb-layout{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;align-items:start}.asb-section{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:1.25rem}.asb-section:last-child{margin-bottom:0}.asb-section-head{display:flex;align-items:center;gap:.4rem;padding:.8rem 1.125rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);font-size:.875rem;font-weight:700;color:var(--text-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.asb-section-head i{color:var(--accent);font-size:.8125rem}.asb-count{margin-left:auto;font-size:.6875rem;font-weight:700;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.1rem .45rem;color:var(--text-muted)}.asb-section-body{padding:1rem 1.125rem}.asb-combo{position:relative}.asb-combo-input-wrap{display:flex;align-items:center;gap:.4rem;padding:0 .75rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:text;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.asb-combo-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.asb-combo-icon{color:var(--text-muted);font-size:.75rem;flex-shrink:0;pointer-events:none}.asb-combo-input{flex:1;padding:.55rem 0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;min-width:0}.asb-combo-input::placeholder{color:var(--text-muted)}.asb-combo-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem .2rem;font-size:.75rem;display:flex;align-items:center;transition:color var(--duration-fast) var(--ease-smooth);flex-shrink:0}.asb-combo-clear:hover{color:var(--danger)}.asb-combo-arrow{color:var(--text-muted);font-size:.6875rem;flex-shrink:0;pointer-events:none}.asb-combo-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto;animation:asbDropIn .12s var(--ease-smooth)}@keyframes asbDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.asb-combo-dropdown::-webkit-scrollbar{width:4px}.asb-combo-dropdown::-webkit-scrollbar-track{background:transparent}.asb-combo-dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.asb-combo-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.asb-combo-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .875rem;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-smooth);box-sizing:border-box}.asb-combo-item:hover{background:var(--bg-elevated)}.asb-combo-item.selected{background:color-mix(in srgb,var(--primary) 8%,var(--bg-primary) 92%)}.asb-combo-img{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;display:block;border:1px solid var(--border-subtle)}.asb-combo-init{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-secondary);font-weight:700;font-size:.75rem}.asb-combo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.asb-combo-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asb-combo-role{font-size:.6875rem;color:var(--text-muted)}.asb-combo-check{color:var(--primary);font-size:.75rem;flex-shrink:0}.asb-revisor-preview{display:flex;align-items:center;gap:.75rem;margin-top:.875rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.asb-revisor-img{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-primary);flex-shrink:0;display:block}.asb-revisor-init{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);font-weight:700;font-size:1rem}.asb-revisor-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.asb-revisor-role{font-size:.75rem;color:var(--text-secondary);margin-top:.1rem}.asb-revisor-count{font-size:.6875rem;color:var(--text-muted);margin-top:.2rem;display:flex;align-items:center;gap:.3rem}.asb-revisor-count i{color:#f59e0b}.asb-search-wrap{position:relative;margin-bottom:.875rem}.asb-search-wrap i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.75rem;pointer-events:none}.asb-search{width:100%;padding:.5rem .75rem .5rem 2.1rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-smooth)}.asb-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15)}.asb-empty-list{text-align:center;color:var(--text-muted);font-size:.875rem;padding:1.5rem 0}.asb-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.625rem;max-height:420px;overflow-y:auto;padding-right:2px}.asb-badges-grid::-webkit-scrollbar{width:4px}.asb-badges-grid::-webkit-scrollbar-track{background:transparent}.asb-badges-grid::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.asb-badge-card{position:relative;background:var(--bg-elevated);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.625rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;text-align:center;transition:all var(--duration-fast) var(--ease-smooth);box-sizing:border-box;width:100%}.asb-badge-card:hover{transform:translateY(-2px);border-color:var(--primary)}.asb-badge-card.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--bg-elevated) 90%);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.25)}.asb-badge-card.assigned{opacity:.55}.asb-badge-card.assigned:hover{transform:none}.asb-badge-card.rank-ex{border-color:#c8a00066}.asb-badge-card.rank-s{border-color:#ab47bc66}.asb-badge-card.rank-a{border-color:#42a5f566}.asb-badge-card.rank-b{border-color:#26a69a66}.asb-badge-card.rank-c{border-color:#66bb6a66}.asb-badge-card.rank-d{border-color:#ffa72666}.asb-badge-check{position:absolute;top:.3rem;right:.3rem;width:16px;height:16px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem}.asb-badge-icon{width:44px;height:44px;object-fit:contain;border-radius:var(--radius-sm);display:block}.asb-badge-icon-empty{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.25rem}.asb-badge-name{font-size:.6875rem;font-weight:600;color:var(--text-primary);line-height:1.2;word-break:break-word}.asb-badge-rank{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.asb-badge-rank.rank-ex{color:#c8a000}.asb-badge-rank.rank-s{color:#ce93d8}.asb-badge-rank.rank-a{color:#90caf9}.asb-badge-rank.rank-b{color:#80cbc4}.asb-badge-rank.rank-c{color:#a5d6a7}.asb-badge-rank.rank-d{color:#ffcc80}.asb-badge-rank.rank-e{color:var(--text-muted)}.asb-sticky{position:sticky;top:1rem}.asb-summary{display:flex;flex-direction:column;gap:.75rem}.asb-alert{display:flex;align-items:flex-start;gap:.4rem;padding:.6rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;line-height:1.4}.asb-alert-err{background:color-mix(in srgb,var(--danger) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent 70%);color:var(--danger)}.asb-alert-ok{background:color-mix(in srgb,var(--success) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--success) 30%,transparent 70%);color:var(--success)}.asb-alert-warn{background:color-mix(in srgb,#f59e0b 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent 70%);color:#b45309}.asb-summary-row{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.asb-summary-label{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.asb-summary-val{font-size:.875rem;font-weight:600;color:var(--text-primary)}.asb-summary-placeholder{font-size:.8125rem;color:var(--text-muted);font-style:italic}.asb-summary-badge{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.asb-summary-badge-img{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm);display:block;flex-shrink:0}.asb-summary-badge-empty{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-size:1.125rem}.asb-badge-rank-pill{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .4rem;border-radius:var(--radius-full);border:1px solid currentColor;margin-top:.15rem}.asb-badge-rank-pill.rank-ex{color:#c8a000;background:#c8a0001a}.asb-badge-rank-pill.rank-s{color:#ce93d8;background:#ab47bc1a}.asb-badge-rank-pill.rank-a{color:#90caf9;background:#42a5f51a}.asb-badge-rank-pill.rank-b{color:#80cbc4;background:#26a69a1a}.asb-badge-rank-pill.rank-c{color:#a5d6a7;background:#66bb6a1a}.asb-badge-rank-pill.rank-d{color:#ffcc80;background:#ffa7261a}.asb-badge-rank-pill.rank-e{color:var(--text-muted);background:var(--bg-elevated)}.asb-submit-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.65rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:700;cursor:pointer;transition:filter var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.asb-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.asb-submit-btn:disabled{opacity:.5;cursor:not-allowed}.asb-assigned-list{border-top:1px solid var(--border-subtle);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem;max-height:220px;overflow-y:auto}.asb-assigned-title{font-size:.6875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.2rem}.asb-assigned-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.asb-assigned-img{width:24px;height:24px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;display:block}.asb-assigned-empty{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-size:.75rem}@media(max-width:860px){.asb-layout{grid-template-columns:1fr}.asb-sticky{position:static}}@media(max-width:480px){.asb-page{padding:1rem .65rem 2.5rem}.asb-header h1{font-size:1.375rem}.asb-badges-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.asgn-page{max-width:1100px;margin:0 auto;padding:2rem 1rem}.asgn-header{text-align:center;margin-bottom:2rem}.asgn-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem}.asgn-header h1 i{color:var(--primary)}.asgn-header p{color:var(--text-secondary);margin-top:.375rem;font-size:.9375rem}.asgn-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;margin-bottom:1.5rem;border-radius:var(--radius-lg);background:var(--success-bg);color:var(--success);border:1px solid var(--success);font-size:.9375rem}.asgn-forms{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;overflow:visible}@media(max-width:768px){.asgn-forms{grid-template-columns:1fr}}.asgn-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2rem;overflow:visible;position:relative}.asgn-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.625rem}.asgn-card-title i{color:var(--primary)}.asgn-form{display:flex;flex-direction:column;gap:1.25rem;overflow:visible}.asgn-field{display:flex;flex-direction:column;gap:.5rem}.asgn-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.asgn-label i{font-size:.875rem;color:var(--text-muted)}.searchable-select{position:relative;width:100%}.searchable-select-input{width:100%;padding:.8125rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);cursor:text;transition:border-color .15s,box-shadow .15s,background .15s;box-sizing:border-box}.searchable-select-input:required,.searchable-select-input:invalid{box-shadow:none;border-color:var(--border-primary)}.searchable-select-input::placeholder{color:var(--text-muted)}.searchable-select-input:hover{border-color:var(--primary);background:var(--bg-tertiary)}.searchable-select-input:focus{outline:none;border-color:var(--primary);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--primary-subtle)}.searchable-select.open .searchable-select-input{border-radius:var(--radius-md) var(--radius-md) 0 0;border-color:var(--primary);border-bottom-color:transparent;box-shadow:0 0 0 3px var(--primary-subtle)}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:500;max-height:280px;overflow-y:auto;background:var(--bg-elevated);border:2px solid var(--primary);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 8px 24px #00000040;padding:.375rem;list-style:none;margin:0}.searchable-select-option{padding:.6875rem .875rem;border-radius:calc(var(--radius-md) - 2px);font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:background .1s;margin-bottom:2px}.searchable-select-option:last-child{margin-bottom:0}.searchable-select-option:hover,.searchable-select-option.focused{background:var(--bg-secondary)}.searchable-select-option.selected{background:var(--primary);color:#fff;font-weight:600}.searchable-select-option.selected:hover,.searchable-select-option.selected.focused{background:var(--primary);filter:brightness(1.1)}.searchable-select-empty{padding:.875rem 1rem;color:var(--text-muted);font-style:italic;text-align:center;font-size:.875rem}.searchable-select-dropdown::-webkit-scrollbar{width:5px}.searchable-select-dropdown::-webkit-scrollbar-track{background:transparent}.searchable-select-dropdown::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:99px}.asgn-tasks{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.asgn-tasks-head{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.asgn-tasks-title{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.asgn-tasks-title i{color:var(--accent)}.asgn-tasks-badge{padding:.1875rem .625rem;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.asgn-task{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);transition:background .12s}.asgn-task:last-child{border-bottom:none}.asgn-task:hover{background:var(--bg-secondary)}.asgn-task-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.asgn-task-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--primary-subtle);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.125rem}.asgn-task-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.asgn-task-shop{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3}.asgn-task-revisor{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem;line-height:1.3}.asgn-task-revisor i{font-size:.8125rem;color:var(--text-muted)}.asgn-task-time{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem;line-height:1.3}.asgn-task-time i{font-size:.75rem}.asgn-complete{display:flex;align-items:flex-end;gap:.75rem}.asgn-num-group{display:flex;flex-direction:column;gap:.375rem;flex-shrink:0}.asgn-num-group label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);line-height:1}.asgn-num-group input{width:110px;height:40px;padding:0 .75rem;background:var(--bg-secondary);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--text-primary);text-align:center;transition:border-color .12s,box-shadow .12s;box-sizing:border-box}.asgn-num-group input:hover{border-color:var(--primary)}.asgn-num-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.asgn-btn-complete{flex-shrink:0;height:40px;padding:0 1.25rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:filter .12s,transform .1s,box-shadow .12s}.asgn-btn-complete:hover{filter:brightness(1.12);box-shadow:0 4px 14px #22c55e59;transform:translateY(-1px)}.asgn-btn-complete:active{transform:none}.asgn-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.asgn-empty i{font-size:2.5rem;opacity:.35;display:block;margin-bottom:.875rem}.asgn-empty p{margin:0;font-size:.9375rem}@media(max-width:560px){.asgn-complete{flex-wrap:wrap}.asgn-num-group input{width:calc(50vw - 2.5rem)}.asgn-btn-complete{width:100%;justify-content:center}}.bonus-page{max-width:1000px;margin:0 auto;padding:2rem 1rem}.page-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem}.form-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);height:fit-content}.form-card h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.form-card h2 i{color:var(--accent)}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}textarea.form-control{min-height:80px;resize:vertical}.btn-submit{width:100%;margin-top:1.5rem;padding:.875rem 1.5rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.bonuses-section{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden}.section-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.section-header h2 i{color:var(--accent)}.bonuses-list{max-height:500px;overflow-y:auto}.bonus-item{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;gap:1rem}.bonus-item:last-child{border-bottom:none}.bonus-item:nth-child(odd){background:var(--bg-secondary)}.bonus-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;flex-shrink:0}.bonus-info{flex:1;min-width:0}.bonus-user{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.bonus-comment{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.bonus-amount{padding:.375rem .75rem;background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;white-space:nowrap}.bonus-amount.negative{background:var(--danger-bg);color:var(--danger)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.messages-container{margin-bottom:1.5rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-lg);margin-bottom:.75rem;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.error-message{color:var(--danger);font-size:.8125rem;margin-top:.375rem;font-weight:500}.bxp-del-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;flex-shrink:0}.bxp-del-btn:hover{background:var(--danger-bg);color:var(--danger)}.bxp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bxp-modal{background:var(--bg-primary);border-radius:var(--radius-xl);max-width:360px;width:100%;padding:2rem 1.5rem;text-align:center;box-shadow:0 20px 60px #00000040}.bxp-modal-icon{width:52px;height:52px;border-radius:50%;background:var(--danger-bg);color:var(--danger);font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.bxp-modal h3{margin:0 0 .5rem;font-size:1.125rem}.bxp-modal p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem}.bxp-modal-actions{display:flex;gap:.75rem;justify-content:center}.bxp-btn-cancel{padding:.75rem 1.25rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.bxp-btn-cancel:hover{background:var(--bg-secondary)}.bxp-btn-danger{padding:.75rem 1.25rem;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:filter .2s}.bxp-btn-danger:hover{filter:brightness(1.1)}@media(max-width:768px){.page-grid{grid-template-columns:1fr}}.bsa-page{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.bsa-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.bsa-header-left{display:flex;align-items:flex-start;gap:1rem}.bsa-back{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;flex-shrink:0;margin-top:4px;transition:background .15s}.bsa-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bsa-header h1{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.bsa-header p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.bsa-search-wrap{position:relative;flex-shrink:0}.bsa-search-wrap i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.8125rem;pointer-events:none}.bsa-search{padding:.625rem 1rem .625rem 2.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-primary);width:220px;transition:border-color .15s,box-shadow .15s}.bsa-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.bsa-alert{padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.bsa-alert.error{background:var(--danger-bg, #fef2f2);color:var(--danger, #ef4444);border:1px solid var(--danger-border, #fecaca)}.bsa-alert.success{background:var(--success-bg, #f0fdf4);color:var(--success, #22c55e);border:1px solid var(--success-border, #bbf7d0)}.bsa-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:1.25rem}.bsa-table{width:100%;border-collapse:collapse}.bsa-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.bsa-table th{padding:.875rem 1rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left}.bsa-th-num{width:3.5rem;text-align:center}.bsa-th-name{width:220px}.bsa-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}.bsa-table tbody tr:last-child{border-bottom:none}.bsa-table tbody tr:hover{background:var(--bg-secondary)}.bsa-table td{padding:.625rem 1rem;font-size:.9rem;color:var(--text-primary);vertical-align:middle}.bsa-num{text-align:center;color:var(--text-muted);font-size:.8125rem}.bsa-name{font-weight:600;white-space:nowrap}.bsa-input{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.bsa-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);background:var(--bg-primary)}.bsa-input[readonly]{opacity:.6;cursor:default}.bsa-empty{text-align:center;padding:3rem 1rem!important;color:var(--text-muted);font-size:.9rem}.bsa-actions{display:flex;align-items:center;gap:.75rem}.bsa-btn-save{padding:.75rem 1.5rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s,transform .1s}.bsa-btn-save:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.bsa-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.bsa-btn-back{padding:.75rem 1.5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:background .15s}.bsa-btn-back:hover{background:var(--bg-tertiary)}@media(max-width:640px){.bsa-header{flex-direction:column}.bsa-search{width:100%}.bsa-th-name{width:140px}}.cbk-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.cbk-header h1{font-size:1.65rem;font-weight:700;color:var(--text-primary, #fff);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.cbk-header h1 i{color:var(--accent, #a78bfa)}.cbk-grid{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:start}@media(max-width:760px){.cbk-grid{grid-template-columns:1fr}}.cbk-section{background:var(--card-bg, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:14px;overflow:visible}.cbk-section-head{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, rgba(255,255,255,.6));padding:1rem 1.25rem;border-bottom:1px solid var(--border, rgba(255,255,255,.08))}.cbk-section-head i{color:var(--accent, #a78bfa)}.cbk-count{margin-left:auto;background:var(--accent, #a78bfa);color:#fff;border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:700}.cbk-alert{display:flex;align-items:center;gap:.5rem;font-size:.875rem;border-radius:8px;padding:.75rem 1rem;margin:.875rem 1.25rem}.cbk-alert-err{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.cbk-alert-ok{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.cbk-form{padding:1.25rem;display:flex;flex-direction:column;gap:1.1rem}.cbk-field{display:flex;flex-direction:column;gap:.4rem}.cbk-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, rgba(255,255,255,.55))}.cbk-input{width:100%;background:var(--input-bg, rgba(255,255,255,.06));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:9px;padding:.65rem .9rem;color:var(--text-primary, #fff);font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.cbk-input:focus{border-color:var(--accent, #a78bfa)}.cbk-upload-area{min-height:120px;border:2px dashed var(--border, rgba(255,255,255,.15));border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,background .2s}.cbk-upload-area:hover{border-color:var(--accent, #a78bfa);background:#a78bfa0d}.cbk-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-secondary, rgba(255,255,255,.4));font-size:.85rem;text-align:center;padding:1rem}.cbk-upload-placeholder i{font-size:2rem}.cbk-upload-placeholder small{font-size:.75rem;opacity:.7}.cbk-preview-img{width:100%;max-height:160px;object-fit:cover}.cbk-file-hidden{display:none}.cbk-file-name{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary, rgba(255,255,255,.5));word-break:break-all}.cbk-file-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary, rgba(255,255,255,.4));padding:2px 4px;border-radius:4px}.cbk-file-remove:hover{color:#fca5a5}.cbk-preview-card{border-radius:10px;overflow:hidden;border:1px solid var(--border, rgba(255,255,255,.1));background:var(--input-bg, rgba(255,255,255,.04))}.cbk-preview-banner{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.cbk-preview-name{display:block;padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:var(--text-primary, #fff)}.cbk-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent, #a78bfa);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;width:100%}.cbk-submit-btn:hover:not(:disabled){opacity:.88}.cbk-submit-btn:active:not(:disabled){transform:scale(.98)}.cbk-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cbk-back-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:1.25rem;max-height:520px;overflow-y:auto}.cbk-back-card{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;background:var(--input-bg, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));transition:transform .2s,border-color .2s}.cbk-back-card:hover{transform:translateY(-2px);border-color:var(--accent, #a78bfa)}.cbk-back-img{width:100%;height:100%;object-fit:cover;display:block}.cbk-back-empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, rgba(255,255,255,.3));font-size:1.5rem}.cbk-back-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem .6rem;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}.cbk-back-name{font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.cbk-delete-btn{position:absolute;top:6px;right:6px;background:#ef444433;border:1px solid rgba(239,68,68,.35);color:#fca5a5;border-radius:6px;padding:4px 7px;cursor:pointer;font-size:.72rem;opacity:0;transition:opacity .2s}.cbk-back-card:hover .cbk-delete-btn{opacity:1}.cbk-delete-btn:hover{background:#ef444459}.cbk-delete-btn:disabled{cursor:not-allowed}.cbk-list-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;color:var(--text-secondary, rgba(255,255,255,.35))}.cbk-list-empty i{font-size:2rem}.cbk-list-empty p{font-size:.875rem}.cbg-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}.cbg-header{margin-bottom:1.75rem}.cbg-header h1{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:.6rem}.cbg-header h1 i{color:var(--primary)}.cbg-grid{display:grid;grid-template-columns:360px 1fr;gap:1.25rem;align-items:start}.cbg-section{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.cbg-section-head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);font-size:.9375rem;font-weight:700;color:var(--text-primary)}.cbg-section-head i{color:var(--accent);margin-right:.35rem}.cbg-count{font-size:.75rem;font-weight:700;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.1rem .5rem;color:var(--text-muted)}.cbg-alert{margin:.875rem 1.25rem 0;display:flex;align-items:center;gap:.45rem;padding:.65rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.cbg-alert-err{background:color-mix(in srgb,var(--danger) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent 70%);color:var(--danger)}.cbg-alert-ok{background:color-mix(in srgb,var(--success) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--success) 30%,transparent 70%);color:var(--success)}.cbg-form{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.cbg-field{display:flex;flex-direction:column;gap:.4rem}.cbg-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.cbg-input{padding:.55rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);box-sizing:border-box;width:100%}.cbg-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.cbg-textarea{resize:vertical;min-height:80px}.cbg-upload-area{border:2px dashed var(--border-primary);border-radius:var(--radius-lg);min-height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth);background:var(--bg-elevated)}.cbg-upload-area:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--bg-elevated) 95%)}.cbg-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.8125rem;padding:1rem;text-align:center}.cbg-upload-placeholder i{font-size:1.75rem;opacity:.45}.cbg-preview-img{width:100%;max-height:200px;object-fit:contain;padding:.5rem}.cbg-file-hidden{display:none}.cbg-file-name{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-secondary);padding:.25rem 0}.cbg-file-remove{background:none;border:none;color:var(--danger);cursor:pointer;padding:.1rem .3rem;font-size:.75rem;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-smooth)}.cbg-file-remove:hover{background:color-mix(in srgb,var(--danger) 12%,transparent 88%)}.cbg-rank-picker{display:flex;flex-wrap:wrap;gap:.4rem}.cbg-rank-opt{padding:.3rem .7rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;cursor:pointer;border:1.5px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-smooth);letter-spacing:.03em}.cbg-rank-opt:hover{opacity:.85}.cbg-rank-opt.rank-ex{border-color:#c8a000;color:#c8a000}.cbg-rank-opt.rank-ex.selected{background:#c8a0002e;border-color:#c8a000;box-shadow:0 0 0 2px #c8a00040}.cbg-rank-opt.rank-s{border-color:#ab47bc;color:#ce93d8}.cbg-rank-opt.rank-s.selected{background:#ab47bc2e;border-color:#ab47bc;box-shadow:0 0 0 2px #ab47bc40}.cbg-rank-opt.rank-a{border-color:#42a5f5;color:#90caf9}.cbg-rank-opt.rank-a.selected{background:#42a5f52e;border-color:#42a5f5;box-shadow:0 0 0 2px #42a5f540}.cbg-rank-opt.rank-b{border-color:#26a69a;color:#80cbc4}.cbg-rank-opt.rank-b.selected{background:#26a69a2e;border-color:#26a69a;box-shadow:0 0 0 2px #26a69a40}.cbg-rank-opt.rank-c{border-color:#66bb6a;color:#a5d6a7}.cbg-rank-opt.rank-c.selected{background:#66bb6a2e;border-color:#66bb6a;box-shadow:0 0 0 2px #66bb6a40}.cbg-rank-opt.rank-d{border-color:#ffa726;color:#ffcc80}.cbg-rank-opt.rank-d.selected{background:#ffa7262e;border-color:#ffa726;box-shadow:0 0 0 2px #ffa72640}.cbg-rank-opt.rank-e{border-color:var(--border-primary);color:var(--text-muted)}.cbg-rank-opt.rank-e.selected{background:var(--bg-secondary);border-color:var(--border-strong);box-shadow:0 0 0 2px #80808033}.cbg-preview-wrap{display:flex;justify-content:center}.cbg-submit-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.65rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:700;cursor:pointer;transition:filter var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth);margin-top:.25rem}.cbg-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.cbg-submit-btn:disabled{opacity:.65;cursor:not-allowed}.cbg-badges-grid{padding:1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.cbg-badge-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;text-align:center;transition:transform var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);width:100%;box-sizing:border-box}.cbg-badge-card:hover,.cbg-badge-card.preview-card{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cbg-badge-card.rank-ex{border-color:#c8a00059;background:#c8a0000f}.cbg-badge-card.rank-s{border-color:#ab47bc59;background:#ab47bc0f}.cbg-badge-card.rank-a{border-color:#42a5f559;background:#42a5f50f}.cbg-badge-card.rank-b{border-color:#26a69a59;background:#26a69a0f}.cbg-badge-card.rank-c{border-color:#66bb6a59;background:#66bb6a0f}.cbg-badge-card.rank-d{border-color:#ffa72659;background:#ffa7260f}.cbg-badge-icon{width:52px;height:52px;object-fit:contain;border-radius:var(--radius-sm);display:block}.cbg-badge-icon-empty{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.5rem}.cbg-badge-name{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1.2;word-break:break-word}.cbg-badge-rank{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .4rem;border-radius:var(--radius-full)}.cbg-badge-rank.rank-ex{color:#c8a000}.cbg-badge-rank.rank-s{color:#ce93d8}.cbg-badge-rank.rank-a{color:#90caf9}.cbg-badge-rank.rank-b{color:#80cbc4}.cbg-badge-rank.rank-c{color:#a5d6a7}.cbg-badge-rank.rank-d{color:#ffcc80}.cbg-badge-rank.rank-e{color:var(--text-muted)}.cbg-list-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;color:var(--text-muted);text-align:center}.cbg-list-empty i{font-size:2rem;opacity:.25}.cbg-list-empty p{margin:0;font-size:.875rem}.cbg-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:cbgFadeIn .15s ease}@keyframes cbgFadeIn{0%{opacity:0}to{opacity:1}}.cbg-modal{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2rem 1.75rem 1.75rem;max-width:320px;width:100%;text-align:center;box-shadow:var(--shadow-xl);animation:cbgSlideUp .2s var(--ease-smooth)}@keyframes cbgSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.cbg-modal-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-size:1.125rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.cbg-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.cbg-modal-img{width:88px;height:88px;object-fit:contain;margin:0 auto .875rem;display:block}.cbg-modal-img-empty{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-lg);color:var(--text-muted);font-size:2rem;margin:0 auto .875rem}.cbg-modal-name{margin:0 0 .4rem;font-size:1.125rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.cbg-modal-rank{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;padding:.2rem .6rem;border-radius:var(--radius-full);border:1px solid currentColor}.cbg-modal-rank.rank-ex{color:#c8a000;background:#c8a0001a}.cbg-modal-rank.rank-s{color:#ce93d8;background:#ab47bc1a}.cbg-modal-rank.rank-a{color:#90caf9;background:#42a5f51a}.cbg-modal-rank.rank-b{color:#80cbc4;background:#26a69a1a}.cbg-modal-rank.rank-c{color:#a5d6a7;background:#66bb6a1a}.cbg-modal-rank.rank-d{color:#ffcc80;background:#ffa7261a}.cbg-modal-rank.rank-e{color:var(--text-muted);background:var(--bg-elevated)}.cbg-modal-desc{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media(max-width:860px){.cbg-grid{grid-template-columns:1fr}}@media(max-width:480px){.cbg-page{padding:1rem .65rem 2.5rem}.cbg-header h1{font-size:1.375rem}.cbg-badges-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:.875rem;gap:.5rem}}.create-guild-page{max-width:700px;margin:0 auto;padding:2rem 1rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0}.form-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 4px 16px #00000014}.form-card-header{padding:1.5rem;background:linear-gradient(135deg,var(--primary-subtle) 0%,var(--accent-subtle) 100%);border-bottom:2px solid var(--primary);display:flex;align-items:center;gap:1rem}.form-icon{width:56px;height:56px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-text);font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 12px #00000026}.form-card-title{flex:1}.form-card-title h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.form-card-title p{font-size:.8125rem;color:var(--text-secondary);margin:0}.form-card-body{padding:2rem 1.5rem}.form-group:last-of-type{margin-bottom:2rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group label i{color:var(--primary);margin-right:.375rem;font-size:.75rem}.form-control{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-fast) ease;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);background:var(--bg-primary)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:100px}.form-help-text{font-size:.75rem;color:var(--text-muted);margin-top:.375rem;display:flex;align-items:center;gap:.375rem}.form-help-text i{font-size:.625rem}.form-errors{background:var(--danger-bg);color:var(--danger);padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:flex-start;gap:.75rem}.form-errors i{flex-shrink:0;margin-top:.125rem}.form-errors ul{margin:0;padding-left:1.25rem}.form-errors li{margin-bottom:.25rem}.form-errors li:last-child{margin-bottom:0}.text-danger{color:var(--danger);font-size:.75rem;margin-top:.375rem;display:flex;align-items:center;gap:.375rem}.text-danger:empty{display:none}.text-danger:before{content:"⚠️";font-size:.875rem}.form-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;flex:1}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-text);box-shadow:0 2px 8px #00000026}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000040;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.info-banner{background:var(--accent-subtle);border-left:3px solid var(--accent);padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;gap:1rem}.info-banner i{color:var(--accent);font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.info-banner-content{flex:1}.info-banner h3{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .375rem}.info-banner ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--text-secondary)}.info-banner li{margin-bottom:.25rem}.info-banner li:last-child{margin-bottom:0}@media(max-width:640px){.create-guild-page{padding:1rem .5rem}.form-card-header{padding:1.25rem}.form-icon{width:48px;height:48px;font-size:1.25rem}.form-card-body{padding:1.5rem 1rem}.form-actions{flex-direction:column}.btn{width:100%}}.cst-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.cst-header h1{font-size:1.65rem;font-weight:700;color:var(--text-primary, #fff);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.cst-header h1 i{color:var(--accent, #a78bfa)}.cst-grid{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:start}@media(max-width:760px){.cst-grid{grid-template-columns:1fr}}.cst-section{background:var(--card-bg, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:14px;overflow:visible}.cst-section-head{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, rgba(255,255,255,.6));padding:1rem 1.25rem;border-bottom:1px solid var(--border, rgba(255,255,255,.08))}.cst-section-head i{color:var(--accent, #a78bfa)}.cst-count{margin-left:auto;background:var(--accent, #a78bfa);color:#fff;border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:700}.cst-alert{display:flex;align-items:center;gap:.5rem;font-size:.875rem;border-radius:8px;padding:.75rem 1rem;margin:.875rem 1.25rem}.cst-alert-err{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.cst-alert-ok{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.cst-form{padding:1.25rem;display:flex;flex-direction:column;gap:1.1rem}.cst-field{display:flex;flex-direction:column;gap:.4rem}.cst-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, rgba(255,255,255,.55))}.cst-input{width:100%;background:var(--input-bg, rgba(255,255,255,.06));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:9px;padding:.65rem .9rem;color:var(--text-primary, #fff);font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.cst-input:focus{border-color:var(--accent, #a78bfa)}.cst-upload-area{min-height:140px;border:2px dashed var(--border, rgba(255,255,255,.15));border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,background .2s}.cst-upload-area:hover{border-color:var(--accent, #a78bfa);background:#a78bfa0d}.cst-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--text-secondary, rgba(255,255,255,.4));font-size:.85rem;text-align:center;padding:1rem}.cst-upload-placeholder i{font-size:2rem}.cst-preview-img{max-width:100%;max-height:180px;object-fit:contain;padding:.5rem}.cst-file-hidden{display:none}.cst-file-name{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary, rgba(255,255,255,.5));word-break:break-all}.cst-file-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary, rgba(255,255,255,.4));padding:2px 4px;border-radius:4px;transition:color .2s}.cst-file-remove:hover{color:#fca5a5}.cst-preview-card{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--input-bg, rgba(255,255,255,.06));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:10px;padding:.9rem 1.2rem}.cst-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent, #a78bfa);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;width:100%}.cst-submit-btn:hover:not(:disabled){opacity:.88}.cst-submit-btn:active:not(:disabled){transform:scale(.98)}.cst-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cst-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:1.25rem}.cst-status-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--input-bg, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:.875rem .5rem .75rem;text-align:center;position:relative;transition:border-color .2s,background .2s}.cst-status-card:hover{border-color:var(--accent, #a78bfa);background:#a78bfa12}.cst-gif-wrap{width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid var(--border, rgba(255,255,255,.1));background:var(--card-bg, rgba(255,255,255,.04));display:flex;align-items:center;justify-content:center}.cst-gif{width:100%;height:100%;object-fit:cover}.cst-gif-empty{color:var(--text-secondary, rgba(255,255,255,.3));font-size:1.4rem}.cst-status-name{font-size:.8rem;font-weight:600;color:var(--text-primary, #fff);word-break:break-word;text-align:center}.cst-delete-btn{position:absolute;top:6px;right:6px;background:#ef444426;border:1px solid rgba(239,68,68,.25);color:#fca5a5;border-radius:6px;padding:3px 6px;cursor:pointer;font-size:.72rem;opacity:0;transition:opacity .2s,background .2s}.cst-status-card:hover .cst-delete-btn{opacity:1}.cst-delete-btn:hover{background:#ef44444d}.cst-delete-btn:disabled{cursor:not-allowed}.cst-list-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;color:var(--text-secondary, rgba(255,255,255,.35))}.cst-list-empty i{font-size:2rem}.cst-list-empty p{font-size:.875rem}.token-page{max-width:550px;margin:0 auto;padding:2rem 1rem}.info-card{background:var(--accent-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.info-card i{color:var(--accent);font-size:1.25rem;margin-top:.125rem}.info-card span{color:var(--accent);font-size:.875rem;line-height:1.5}.form-label i{color:var(--accent);margin-right:.375rem}.form-control:focus{outline:none;border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-subtle)}input[type=password].form-control{font-family:monospace;letter-spacing:.1em}.btn-submit{flex:1;padding:.875rem 1.5rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.faq-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2rem}.faq-header{margin-bottom:1.5rem;text-align:center}.faq-header h1{margin:0;font-size:1.65rem;font-weight:700;color:var(--text-primary);display:inline-flex;align-items:center;gap:.6rem}.faq-header h1 i{color:var(--primary)}.faq-header p{margin:.5rem auto 0;color:var(--text-secondary);max-width:700px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.faq-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.1rem 1rem;box-shadow:var(--shadow-xs)}.faq-card h2{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.faq-card h2 i{color:var(--primary)}.faq-card ol{margin:0;padding-left:1.05rem}.faq-card li{color:var(--text-primary);margin-bottom:.4rem;line-height:1.45}.faq-card li strong{color:var(--text-primary);font-weight:700}.faq-note{margin:.7rem 0 0;padding:.6rem .75rem;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem}.faq-footer{margin-top:1rem}.faq-help{display:flex;align-items:flex-start;gap:.75rem;background:var(--primary-subtle);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:var(--radius-lg);padding:.9rem 1rem}.faq-help i{color:var(--primary);font-size:1.1rem;margin-top:.1rem}.faq-help strong{color:var(--text-primary)}.faq-help p{margin:.2rem 0 0;color:var(--text-secondary)}@media(max-width:900px){.faq-grid{grid-template-columns:1fr}.faq-header h1{font-size:1.4rem}}.fine-page{max-width:760px;margin:0 auto;padding:2rem 1rem}.page-header h1 i{color:var(--danger)}.warning-card{background:var(--danger-bg);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.warning-card i{color:var(--danger);font-size:1.25rem}.warning-card span{color:var(--danger);font-size:.9375rem}.btn-submit:hover{background:var(--primary-light);box-shadow:0 6px 16px hsla(var(--primary-h),var(--primary-s),50%,.35);transform:translateY(-1px)}.fine-form-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.fine-form-title i{color:var(--primary)}.fine-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fine-history{margin-top:2rem}.fine-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.section-title i{color:var(--primary)}.penalty-table{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.penalty-thead{display:grid;grid-template-columns:1.8fr .9fr .7fr 2fr 40px;padding:.625rem 1.25rem;background:var(--bg-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.penalty-row{display:grid;grid-template-columns:1.8fr .9fr .7fr 2fr 40px;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle);transition:background .15s}.penalty-row:last-child{border-bottom:none}.penalty-row:hover{background:var(--bg-secondary)}.penalty-row.removing{opacity:.5}.penalty-row:not(:has(.name)){grid-template-columns:.9fr .7fr 2fr}.penalty-cell{font-size:.9rem}.penalty-cell.name{font-weight:600;color:var(--text-primary)}.penalty-cell.date{color:var(--text-secondary)}.penalty-cell.reason{color:var(--text-secondary);font-size:.875rem}.penalty-cell.actions{display:flex;justify-content:flex-end}.penalty-badge{display:inline-flex;align-items:center;padding:.2rem .625rem;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.penalty-del-btn{width:30px;height:30px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8125rem;transition:all .15s}.penalty-del-btn:hover{background:var(--danger-bg);color:var(--danger)}.fine-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.fine-modal{background:var(--bg-primary);border-radius:var(--radius-xl);max-width:380px;width:100%;padding:2rem 1.5rem;text-align:center;box-shadow:0 20px 60px #00000040}.fine-modal-icon{width:52px;height:52px;border-radius:50%;background:var(--danger-bg);color:var(--danger);font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.fine-modal h3{margin:0 0 .5rem;font-size:1.125rem}.fine-modal p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9rem}.fine-modal-actions{display:flex;gap:.75rem;justify-content:center}.btn-danger{padding:.75rem 1.5rem;background:var(--danger);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-danger:hover{filter:brightness(1.1)}@media(max-width:600px){.fine-row{grid-template-columns:1fr}.penalty-thead{display:none}.penalty-row{grid-template-columns:1fr!important;gap:.25rem;padding:.875rem 1rem}.penalty-cell.actions{justify-content:flex-start}}@media(max-width:480px){.form-actions{flex-direction:column-reverse}}.edit-rights-page{max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.header-content{display:flex;flex-direction:column;gap:.5rem}.group-description{font-size:.875rem;color:var(--text-secondary);margin-left:2.5rem}.back-link{padding:.625rem 1.25rem;background:var(--bg-primary);color:var(--text-secondary);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.back-link:hover{background:var(--primary);color:var(--primary-text)}.search-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:1.5rem}.search-box{position:relative;max-width:400px}.search-box i{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.8rem;pointer-events:none}.search-box input{width:100%;padding:.75rem 1rem .75rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--primary);background:var(--bg-primary)}.rights-form{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem}.rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.right-card{position:relative}.right-card input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.right-card label{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;padding:1.25rem;background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.right-card:hover label{border-color:var(--primary);transform:translateY(-2px)}.right-card input[type=checkbox]:checked+label{background:var(--primary-subtle);border-color:var(--primary)}.right-icon{width:48px;height:48px;margin-bottom:.75rem;background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted);transition:all .2s ease;flex-shrink:0}.right-card input[type=checkbox]:checked~label .right-icon{background:var(--primary);color:var(--primary-text)}.right-card input[type=checkbox]:checked~label .right-icon .fa-key{display:none}.right-card input[type=checkbox]:checked~label .right-icon .fa-check{display:block}.right-icon .fa-check{display:none}.right-name{font-size:.875rem;font-weight:500;color:var(--text-primary);word-break:break-word;line-height:1.4;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.45em}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.selected-count{font-size:.875rem;color:var(--text-secondary)}.selected-count strong{color:var(--primary);font-weight:600}.save-btn{padding:.75rem 1.5rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.save-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}@media(max-width:768px){.rights-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.groups-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.stats-row{display:flex;gap:1rem}.stat-badge{padding:.5rem 1rem;background:var(--bg-primary);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-secondary)}.stat-badge strong{color:var(--primary)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.group-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all .2s ease}.group-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.group-header{padding:1.25rem;background:var(--primary-subtle);display:flex;align-items:center;justify-content:space-between}.group-name{font-size:1rem;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:.5rem}.group-name i{font-size:1.25rem}.rights-count{padding:.375rem .75rem;background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600}.group-body{padding:1.25rem}.progress-section{margin-bottom:1rem}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.progress-label{font-size:.75rem;color:var(--text-secondary)}.progress-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.group-actions{display:flex;gap:.5rem}.btn-action,.btn-action:link,.btn-action:visited{flex:1;padding:.625rem 1rem;background:var(--bg-elevated);color:var(--text-primary)!important;border:1px solid var(--border-strong);border-radius:var(--radius-lg);font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all .2s ease;box-shadow:var(--shadow-xs)}.btn-action:hover{background:var(--bg-secondary);color:var(--primary)!important;border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-action i{color:currentColor}.rights-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;margin-top:1.5rem}.rights-section h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.rights-section h2 i{color:var(--accent)}.rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.right-item{padding:.625rem .875rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.right-item i{color:var(--success);font-size:.625rem}.gld-page{max-width:1300px;margin:0 auto;padding:1.5rem 1rem 3rem;position:relative}.gld-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.gld-page-header h1{margin:0 0 .2rem;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:.6rem}.gld-page-header h1 i{color:var(--primary)}.gld-page-header p{margin:0;font-size:.875rem;color:var(--text-muted)}.gld-create-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--primary);color:var(--primary-text);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;text-decoration:none;transition:filter var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth);flex-shrink:0;white-space:nowrap}.gld-create-btn:hover{filter:brightness(1.1);transform:translateY(-1px);color:var(--primary-text)}.gld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.gld-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.gld-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary)}.gld-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.25rem 1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--bg-primary) 88%),color-mix(in srgb,var(--accent) 8%,var(--bg-primary) 92%));border-bottom:2px solid color-mix(in srgb,var(--primary) 40%,transparent 60%)}.gld-icon{width:52px;height:52px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary-text);font-size:1.375rem;flex-shrink:0;box-shadow:0 4px 12px #00000026}.gld-main-info{flex:1;min-width:0}.gld-title{margin:0 0 .25rem;font-size:1.125rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.gld-owner{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-secondary);font-weight:500}.gld-owner i{color:#f59e0b;font-size:.75rem}.gld-body{flex:1;padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.gld-desc{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5;padding-bottom:.875rem;border-bottom:1px solid var(--border-subtle)}.gld-section{display:flex;flex-direction:column;gap:.6rem}.gld-section-label{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.gld-section-label i{color:var(--primary);font-size:.75rem}.gld-section-count{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.1rem .45rem}.gld-members-row{display:flex;flex-wrap:wrap;gap:.3rem}.gld-member{display:inline-block;text-decoration:none}.gld-member-img{width:34px;height:34px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bg-primary);box-shadow:0 1px 4px #0000002e;display:block;transition:transform var(--duration-fast) var(--ease-smooth)}a.gld-member:hover .gld-member-img{transform:scale(1.12);border-color:var(--primary)}.gld-member-init{background:var(--bg-elevated);color:var(--text-secondary);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.gld-member-empty{width:34px;height:34px;border-radius:var(--radius-full);border:2px dashed var(--border-subtle);opacity:.4;display:inline-block}.gld-member-tags{display:flex;flex-wrap:wrap;gap:.35rem}.gld-member-tag{padding:.2rem .55rem;background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated) 88%);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent 80%);color:var(--accent);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.gld-member-tag a{color:inherit;text-decoration:none}.gld-member-tag a:hover{text-decoration:underline}.gld-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.875rem 1.25rem;background:var(--bg-elevated);border-top:1px solid var(--border-subtle)}.gld-bonus-box{display:flex;flex-direction:column;gap:.15rem}.gld-bonus-label{font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.gld-bonus-val{font-size:.9375rem;font-weight:800;color:var(--primary)}.gld-bonus-none{font-size:.8125rem;color:var(--text-muted);font-style:italic}.gld-distribute-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .875rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-text);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:filter var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);box-shadow:0 2px 8px #0000001a;white-space:nowrap}.gld-distribute-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}.gld-distribute-btn:disabled{opacity:.65;cursor:not-allowed}.gld-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:9000;background:var(--success);color:#fff;padding:.7rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.4rem;animation:gldToastIn .25s var(--ease-smooth)}@keyframes gldToastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gld-error{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--danger) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent 65%);border-radius:var(--radius-lg);color:var(--danger);font-weight:600;margin-bottom:1.5rem}.gld-empty{text-align:center;padding:5rem 2rem;border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:.75rem}.gld-empty i{font-size:3rem;opacity:.3}.gld-empty p{margin:0;font-size:.9375rem}@media(max-width:768px){.gld-grid{grid-template-columns:1fr}.gld-footer{flex-direction:column;align-items:flex-start}.gld-distribute-btn{width:100%;justify-content:center}}@media(max-width:480px){.gld-page{padding:1rem .65rem 2.5rem}.gld-page-header{flex-direction:column;align-items:flex-start}.gld-create-btn{width:100%;justify-content:center}.gld-title{font-size:1rem}}.difference-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.content-grid{display:grid;grid-template-columns:420px 1fr;gap:2rem;align-items:start}.history-section{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.history-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.history-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.history-header h2 i{color:var(--accent)}.history-list{max-height:500px;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) ease}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--bg-secondary)}.history-item-clickable{width:100%;border:none;background:transparent;cursor:pointer;text-align:inherit;font:inherit;color:inherit}.history-period{display:flex;align-items:center;gap:.75rem}.period-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-md);font-size:1rem}.period-info{display:flex;flex-direction:column;min-width:120px}.period-month{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.period-year{font-size:.8125rem;color:var(--text-muted)}.history-hours{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--success-bg);color:var(--success);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;min-width:140px;white-space:nowrap}.history-hours i{font-size:.75rem}.history-hours.negative{background:var(--danger-bg);color:var(--danger)}.empty-history{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-history i{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.messages-container{margin-bottom:1rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.alert-error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.error-container{text-align:center;max-width:400px}.error-icon{width:100px;height:100px;margin:0 auto 1.5rem;background:var(--danger-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--danger)}.error-image{max-width:200px;border-radius:var(--radius-lg);margin-bottom:1.5rem;opacity:.9}.error-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.error-text{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.error-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease}.error-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}body.auth-landing,body.auth-landing #root{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-base)}.bg-decoration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;animation:blobFloat 20s ease-in-out infinite}.bg-blob-1{width:450px;height:450px;background:var(--primary);top:-180px;right:-80px;animation-delay:0s}.bg-blob-2{width:320px;height:320px;background:var(--accent);bottom:-140px;left:-80px;animation-delay:-7s}.bg-blob-3{width:260px;height:260px;background:var(--primary);top:45%;left:22%;opacity:.2;animation-delay:-14s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,30px) scale(1.05)}50%{transform:translate(-20px,15px) scale(.95)}75%{transform:translate(15px,-20px) scale(1.02)}}[data-mode=dark] .bg-blob{opacity:.12}.login-container{position:relative;z-index:1;width:100%;max-width:420px;padding:1rem;box-sizing:border-box}.login-card{background:var(--bg-glass);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);padding:2.75rem 2.25rem;animation:cardAppear .55s cubic-bezier(.34,1.56,.64,1)}@keyframes cardAppear{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-logo{text-align:center;margin-bottom:2rem}.login-logo-icon{width:72px;height:72px;margin:0 auto 1rem;background:#0a0a0a;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px -8px #00000059;overflow:hidden}.login-logo-icon img{width:48px;height:48px;object-fit:contain}.login-title{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.025em}.login-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.login-form{margin-top:1.75rem;display:flex;flex-direction:column;gap:0}.form-group{margin-bottom:1.125rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.form-input-wrapper{position:relative}.form-input{width:100%;padding:.8125rem 1rem;font-size:.9375rem;font-family:inherit;border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input.with-toggle{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease;line-height:1;font-size:.9rem}.password-toggle:hover{color:var(--text-primary)}.form-remember{display:flex;align-items:center;margin-bottom:1.5rem;margin-top:.25rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:1.5px solid var(--border-subtle);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.checkbox-input:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-custom i{color:var(--primary-text);font-size:.625rem;opacity:0;transition:opacity .15s ease}.checkbox-input:checked+.checkbox-custom i{opacity:1}.checkbox-text{font-size:.875rem;color:var(--text-secondary)}.login-btn{width:100%;padding:.9375rem;font-size:.9375rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--primary-text);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;letter-spacing:.01em}.login-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px -6px var(--primary)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed}.error-message{padding:.8125rem 1rem;background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent);border-radius:var(--radius-lg);margin-bottom:1.25rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.625rem;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:var(--radius-xl)}.login-title{font-size:1.375rem}}.mgn-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.mgn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.mgn-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.mgn-btn-add{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer}.mgn-btn-add:hover{filter:brightness(1.1)}.mgn-days{display:flex;flex-direction:column;gap:1rem}.mgn-day{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle)}.mgn-day.today{border-color:var(--primary);border-width:2px}.mgn-day-head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:var(--bg-secondary)}.mgn-day-date{display:flex;align-items:center;gap:.75rem}.mgn-day-num{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:1.25rem;font-weight:700;color:var(--text-primary);flex-shrink:0}.mgn-day.today .mgn-day-num{background:var(--primary);color:var(--primary-text, #fff)}.mgn-day-meta{display:flex;flex-direction:column;gap:.15rem}.mgn-day-weekday{font-size:.875rem;font-weight:600;color:var(--text-primary)}.mgn-day-full{font-size:.75rem;color:var(--text-muted)}.mgn-today-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;background:var(--primary);color:var(--primary-text, #fff);border-radius:999px;margin-left:.5rem}.mgn-day-actions{display:flex;align-items:center;gap:.5rem}.mgn-tasks-count{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.2rem .6rem;border-radius:999px}.mgn-btn-rev,.mgn-btn-plus{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary)}.mgn-btn-rev:hover,.mgn-btn-plus:hover{background:var(--primary-subtle);color:var(--primary)}.mgn-btn-rev.on{background:var(--primary);color:var(--primary-text, #fff)}.mgn-rev-panel{padding:.75rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.mgn-rev-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.5rem}.mgn-rev-row:last-child{margin-bottom:0}.mgn-rev-label{font-size:.8rem;font-weight:700;white-space:nowrap;flex-shrink:0}.mgn-rev-label.busy{color:var(--danger)}.mgn-rev-label.free{color:var(--success)}.mgn-rev-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.mgn-rev-badge.busy{background:var(--danger-bg);color:var(--danger)}.mgn-rev-badge.free{background:var(--success-subtle);color:var(--success)}.mgn-rev-none{font-size:.78rem;color:var(--text-muted);font-style:italic}.mgn-tasks{border-top:1px solid var(--border-subtle)}.mgn-no-tasks{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;color:var(--text-muted);font-size:.875rem}.mgn-task{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.mgn-task:last-child{border-bottom:none}.mgn-task-time{display:flex;flex-direction:column;gap:.1rem;min-width:80px;flex-shrink:0}.mgn-task-range{font-size:.875rem;font-weight:600;color:var(--text-primary)}.mgn-task-dates{font-size:.7rem;color:var(--text-muted)}.mgn-task-body{flex:1;min-width:0}.mgn-task-text{font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.mgn-task-users{display:flex;flex-wrap:wrap;gap:.35rem}.mgn-task-user{font-size:.75rem;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.25rem}.mgn-task-btns{display:flex;gap:.35rem;flex-shrink:0}.mgn-task-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary)}.mgn-task-btn:hover{background:var(--primary-subtle);color:var(--primary)}.mgn-task-btn.del:hover{background:var(--danger-bg);color:var(--danger)}.mgn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.mgn-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.mgn-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}.mgn-modal-head h3{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-primary)}.mgn-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:.875rem}.mgn-modal-close:hover{background:var(--danger-bg);color:var(--danger)}.mgn-fields{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;padding:1.25rem 1.5rem}.mgn-field{display:flex;flex-direction:column;gap:.35rem}.mgn-field.full{grid-column:1 / -1}.mgn-field label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.mgn-field input,.mgn-field textarea,.mgn-field select{padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.mgn-field textarea{resize:vertical}.mgn-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35rem;max-height:180px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem}.mgn-user-item{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-radius:var(--radius-sm);font-size:.8125rem;cursor:pointer}.mgn-user-item input{margin:0}.mgn-user-item.on{background:var(--primary-subtle);color:var(--primary);font-weight:500}.mgn-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1.5rem 1.25rem}.mgn-modal-btn{padding:.5rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer}.mgn-modal-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.mgn-modal-btn.save{background:var(--primary);color:var(--primary-text, #fff)}.mgn-modal-btn.danger{background:var(--danger);color:#fff}.mgn-modal-btn:disabled{opacity:.6;cursor:not-allowed}.mgn-confirm-text{padding:1rem 1.5rem;font-size:.9375rem;color:var(--text-primary);margin:0}@media(max-width:480px){.mgn-fields{grid-template-columns:1fr}.mgn-task{flex-wrap:wrap}}.mem-page{max-width:1300px;margin:0 auto;padding:1.5rem 1rem 3rem}.mem-header{text-align:center;margin-bottom:2rem}.mem-header-icon{font-size:2.5rem;margin-bottom:.5rem;filter:grayscale(.2)}.mem-title{margin:0 0 .35rem;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.mem-subtitle{margin:0;font-size:.9375rem;color:var(--text-secondary)}.mem-counter{margin-bottom:1.25rem;font-size:.875rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.4rem}.mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.mem-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.mem-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.mem-rank-bar{position:absolute;top:0;left:0;right:0;height:3px}.mem-card.rank-ex .mem-rank-bar{background:linear-gradient(90deg,#ffd700,transparent)}.mem-card.rank-ex{border-color:#ffd7004d}.mem-card.rank-s .mem-rank-bar{background:linear-gradient(90deg,#ab47bc,transparent)}.mem-card.rank-s{border-color:#ab47bc4d}.mem-card.rank-a .mem-rank-bar{background:linear-gradient(90deg,#42a5f5,transparent)}.mem-card.rank-a{border-color:#42a5f54d}.mem-card.rank-b .mem-rank-bar{background:linear-gradient(90deg,#26a69a,transparent)}.mem-card.rank-b{border-color:#26a69a4d}.mem-card.rank-c .mem-rank-bar{background:linear-gradient(90deg,#66bb6a,transparent)}.mem-card.rank-c{border-color:#66bb6a4d}.mem-card.rank-d .mem-rank-bar{background:linear-gradient(90deg,#ffa726,transparent)}.mem-card.rank-d{border-color:#ffa7264d}.mem-card.rank-e .mem-rank-bar{background:linear-gradient(90deg,var(--text-muted),transparent)}.mem-photo-wrap{position:relative;width:72px;height:72px;margin-bottom:.75rem}.mem-photo{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:block}.mem-photo-init{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-secondary);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.mem-active-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-primary)}.mem-active-dot.active{background:var(--success);box-shadow:0 0 6px #30d1588c}.mem-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.2}.mem-rank-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;border:1px solid transparent}.mem-rank-badge.rank-ex{background:#ffd70026;color:#c8a000;border-color:#ffd70059}.mem-rank-badge.rank-s{background:#ab47bc26;color:#ce93d8;border-color:#ab47bc59}.mem-rank-badge.rank-a{background:#42a5f526;color:#90caf9;border-color:#42a5f559}.mem-rank-badge.rank-b{background:#26a69a26;color:#80cbc4;border-color:#26a69a59}.mem-rank-badge.rank-c{background:#66bb6a26;color:#a5d6a7;border-color:#66bb6a59}.mem-rank-badge.rank-d{background:#ffa72626;color:#ffcc80;border-color:#ffa72659}.mem-rank-badge.rank-e{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border-subtle)}.mem-info{width:100%;background:var(--bg-elevated);border-radius:var(--radius-md);padding:.5rem .625rem;margin-bottom:.625rem}.mem-info-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--border-subtle)}.mem-info-row:last-child{border-bottom:none;padding-bottom:0}.mem-info-row:first-child{padding-top:0}.mem-info-label{display:flex;align-items:center;gap:.3rem;font-size:.6875rem;color:var(--text-muted);font-weight:500}.mem-info-label i{font-size:.625rem}.mem-info-val{font-size:.75rem;color:var(--text-primary);font-weight:600}.mem-reason{width:100%;background:color-mix(in srgb,var(--bg-elevated) 70%,var(--primary) 30%);border-left:2px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.5rem .625rem}.mem-reason-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:700;margin-bottom:.2rem}.mem-reason-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.mem-error{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:color-mix(in srgb,var(--danger) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent 65%);border-radius:var(--radius-lg);color:var(--danger);font-weight:600;margin-bottom:1.5rem}.mem-empty{text-align:center;padding:5rem 2rem;color:var(--text-muted)}.mem-empty-icon{font-size:3.5rem;display:block;opacity:.3;margin-bottom:1rem}.mem-empty p{margin:0;font-size:.9375rem}@media(max-width:640px){.mem-page{padding:1rem .65rem 2.5rem}.mem-title{font-size:1.375rem}.mem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mem-photo,.mem-photo-wrap{width:56px;height:56px}.mem-photo-init{font-size:1rem}.mem-name{font-size:.8125rem}}@media(max-width:400px){.mem-grid{grid-template-columns:1fr}}.money-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.money-header{text-align:center;margin-bottom:2rem}.money-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.money-header h1 i{color:var(--primary)}.money-header p{color:var(--text-secondary);margin-top:.5rem}.money-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.money-grid{grid-template-columns:1fr}}.form-card{position:sticky;top:100px}@media(max-width:900px){.form-card{position:relative;top:0;margin-bottom:1rem}}.calendar-section{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.calendar-section-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.calendar-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.calendar-section-title i{color:var(--accent)}.calendar-nav{display:flex;gap:.5rem}.calendar-nav-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;font-weight:500;text-decoration:none;transition:all var(--duration-fast) ease}.calendar-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.calendar-nav-btn i{font-size:.75rem}.money-table-header{display:grid;grid-template-columns:60px 100px 1fr 150px 60px;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}@media(max-width:768px){.money-table-header{display:none}}.money-row{display:grid;grid-template-columns:60px 100px 1fr 150px 60px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);align-items:center;transition:background var(--duration-fast) ease}.money-row:hover{background:var(--bg-secondary)}.money-row:last-child{border-bottom:none}@media(max-width:768px){.money-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}}.money-row.weekend{background:var(--bg-tertiary)}.money-row.has-money{border-left:3px solid var(--success)}.day-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-md);font-weight:700;font-size:.9375rem}.money-row.weekend .day-badge{background:#80808026;color:var(--text-muted)}.weekday-name{font-size:.875rem;color:var(--text-secondary)}.money-row.weekend .weekday-name{color:var(--text-muted)}.money-comment{font-size:.875rem;color:var(--text-secondary);font-style:italic}.money-comment:empty:before{content:"—";color:var(--text-muted)}.money-amount{display:flex;align-items:center;gap:.5rem}.money-value{font-size:1rem;font-weight:600;color:var(--success)}.money-value.empty{color:var(--text-muted);font-weight:400}.btn-delete{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) ease}.btn-delete:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.notifications-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.unread-badge{background:var(--primary);color:var(--text-on-primary);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-full);margin-left:.5rem}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;transition:all .2s ease}.notification-card:hover{border-color:var(--primary)}.notification-card.unread{border-left:3px solid var(--primary);background:var(--primary-subtle)}.notif-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.sender-info{display:flex;align-items:center;gap:.5rem}.sender-name{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.badge-new{background:var(--primary);color:var(--text-on-primary);font-size:.6rem;font-weight:700;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.notif-meta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.notif-meta i{font-size:.65rem;color:var(--primary)}.notif-body{padding-top:.5rem;border-top:1px solid var(--border-subtle)}.message-text{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-text-html{white-space:normal}.message-text-html>div{max-width:100%}.message-text-html a{color:var(--primary);text-decoration:underline}.message-text-html img{max-width:100%;height:auto}.empty-state{text-align:center;padding:3rem 1rem;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.empty-state i{font-size:2.5rem;color:var(--text-muted);opacity:.5;margin-bottom:1rem}.empty-state p{font-size:.9rem;color:var(--text-muted)}.nav-container{margin-top:1.5rem;text-align:center}.page-nav-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:all .15s ease}.page-nav-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.page-nav-btn i{font-size:.75rem}.notify-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.content-grid{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.content-grid{grid-template-columns:1fr}}.notifications-section{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.notifications-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.notifications-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.notifications-header h2 i{color:var(--accent)}.notifications-count{padding:.25rem .75rem;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.notifications-list{max-height:600px;overflow-y:auto}.notice-card{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) ease}.notice-card:last-child{border-bottom:none}.notice-card:hover{background:var(--bg-secondary)}.notice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.notice-author{display:flex;align-items:center;gap:.5rem}.author-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-full);font-size:.875rem}.author-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.notice-date{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.notice-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.notice-text{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-state i{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.admin-form{display:none}.admin-form.visible{display:block}.msg-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem 4rem;height:calc(100vh - var(--header-height, 64px) - 2rem);max-height:900px;display:flex;flex-direction:column}.msg-header{text-align:center;margin-bottom:1rem;flex-shrink:0}.msg-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0}.msg-header h1 i{color:var(--primary)}.msg-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem}.msg-alert-err{background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.msg-chat{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.msg-list{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.msg-item{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle, var(--border-primary));max-width:92%;align-self:flex-start}.msg-item.own{align-self:flex-end;flex-direction:row-reverse;background:var(--primary-subtle);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.msg-avatar{width:40px;height:40px;border-radius:var(--radius-full, 50%);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-muted)}.msg-avatar img{width:100%;height:100%;object-fit:cover}.msg-body{flex:1;min-width:0}.msg-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-bottom:.25rem}.msg-author{font-size:.85rem;font-weight:600;color:var(--text-primary)}.msg-to{font-size:.72rem;color:var(--text-muted)}.msg-text{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5;word-break:break-word}.msg-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);padding:2rem 1rem}.msg-empty i{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.msg-empty p{font-size:.95rem;font-weight:600;margin:0 0 .25rem;color:var(--text-secondary)}.msg-empty span{font-size:.8rem}.msg-compose{flex-shrink:0;padding:1rem;border-top:1px solid var(--border-subtle, var(--border-primary));background:var(--bg-secondary)}.msg-field{margin-bottom:.75rem}.msg-field label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.375rem}.msg-field label i{color:var(--primary);font-size:.65rem}.msg-multi{position:relative}.msg-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.msg-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem .3rem .7rem;background:var(--primary-subtle);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:var(--radius-full, 999px);font-size:.8rem;font-weight:600;color:var(--primary)}.msg-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);cursor:pointer}.msg-chip-remove:hover{background:color-mix(in srgb,var(--primary) 40%,transparent)}.msg-multi-input-wrap{display:flex;align-items:center;gap:.5rem;padding:0 .875rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.msg-multi-input-wrap.open,.msg-multi-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.msg-multi-icon{color:var(--text-muted);font-size:.8rem}.msg-multi-input{flex:1;border:none;background:transparent;padding:.625rem 0;font-size:.875rem;color:var(--text-primary);outline:none}.msg-multi-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:200px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.35rem;box-shadow:var(--shadow-md)}.msg-multi-option{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.5rem .65rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:.85rem;cursor:pointer}.msg-multi-option:hover{background:var(--primary-subtle);color:var(--primary)}.msg-multi-empty{padding:.65rem;font-size:.85rem;color:var(--text-muted);text-align:center}.msg-opt-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--text-muted)}.msg-opt-avatar img{width:100%;height:100%;object-fit:cover}.msg-input-row{display:flex;gap:.5rem;align-items:flex-end}.msg-input-row textarea{flex:1;padding:.625rem .875rem;font-size:.875rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);resize:none;min-height:48px;max-height:120px;line-height:1.5;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.msg-input-row textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.msg-input-row textarea::placeholder{color:var(--text-muted)}.msg-send-btn{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-light),var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-md);color:var(--primary-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:var(--shadow-glow);transition:transform .2s cubic-bezier(.34,1.4,.64,1),box-shadow .2s ease,opacity .2s ease}.msg-send-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow),var(--shadow-md)}.msg-send-btn:active:not(:disabled){transform:scale(.98)}.msg-send-btn:disabled{opacity:.5;cursor:not-allowed}.msg-list::-webkit-scrollbar{width:6px}.msg-list::-webkit-scrollbar-track{background:transparent}.msg-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.msg-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:600px){.msg-page{height:auto;max-height:none;min-height:calc(100vh - var(--header-height, 64px) - 2rem)}.msg-chat{min-height:420px}.msg-item{max-width:100%}}.products-page{max-width:1400px;margin:0 auto;padding:2rem 1rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-header{padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all var(--duration-fast) ease;border:none}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary,.btn-secondary:link,.btn-secondary:visited{background:var(--bg-elevated);color:var(--text-primary)!important;border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)!important;box-shadow:var(--shadow-sm)}.btn-secondary i{color:currentColor}.filter-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1.5rem;overflow:visible}.filter-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{flex:1;min-width:160px}.filter-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.filter-group input,.filter-group select{width:100%;min-width:0;padding:.5625rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);box-shadow:none;box-sizing:border-box;display:block}.filter-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;padding-right:1.875rem;cursor:pointer}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.filter-group select option{background:var(--bg-elevated, #1e1e1e);color:var(--text-primary)}.filter-group .searchable-select-input{padding:.5625rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.875rem;box-shadow:none}.filter-group .searchable-select-input:required,.filter-group .searchable-select-input:invalid{box-shadow:none;border-color:var(--border-primary)}.filter-group .searchable-select.open .searchable-select-input{border-radius:var(--radius-md) var(--radius-md) 0 0}.filter-actions{display:flex;gap:.5rem}.btn-filter{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;border:none}.btn-filter.primary{background:var(--primary);color:var(--primary-text)}.btn-filter.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-filter:hover{filter:brightness(1.1)}.table-section{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden}.table-wrapper{overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.products-table td{padding:1rem 1.25rem;font-size:.9375rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.products-table tbody tr:hover{background:var(--bg-secondary)}.products-table tbody tr:nth-child(2n){background:var(--bg-tertiary)}.products-table tbody tr:nth-child(2n):hover{background:var(--bg-secondary)}.code-cell{font-family:var(--font-mono);font-size:.8125rem;color:var(--primary);background:var(--primary-subtle);padding:.25rem .5rem;border-radius:var(--radius-sm)}.barcode-cell{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-secondary)}.group-badge{padding:.25rem .625rem;background:var(--accent-subtle);color:var(--accent);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.archived-badge{padding:.25rem .625rem;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase}.active-badge{padding:.25rem .625rem;background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase}.pagination-section{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination{display:flex;gap:.25rem}.pagination a,.pagination span,.pagination button{padding:.5rem .875rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--duration-fast) ease;border:none;cursor:pointer;line-height:1}.pagination a,.pagination button{background:var(--bg-secondary);color:var(--text-primary)}.pagination a:hover,.pagination button:hover{background:var(--primary-subtle);color:var(--primary)}.pagination .current{background:var(--primary);color:var(--primary-text);cursor:default}.pagination .disabled{color:var(--text-muted);cursor:default;background:none}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}@media(max-width:768px){.filter-group{flex:none;width:100%}}.profile-page{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.hero-section{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;text-align:center;position:relative;overflow:hidden}.hero-section.has-bg{background-size:cover!important;background-position:center!important}.hero-section.has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--backdrop-dim),var(--backdrop-strong))}.hero-section.has-bg,.hero-section.has-bg .hero-name,.hero-section.has-bg .hero-presence,.hero-section.has-bg .xp-header,.hero-section.has-bg .stat-val,.hero-section.has-bg .stat-lbl,.hero-section.has-bg .mini-stat-val,.hero-section.has-bg .mini-stat-label{color:var(--on-image-text-primary);text-shadow:var(--on-image-text-outline),var(--on-image-text-shadow)}.hero-section.has-bg .hero-guild{color:var(--on-image-text-primary);text-shadow:var(--on-image-text-outline),var(--on-image-text-shadow-soft);background:color-mix(in srgb,rgba(0,0,0,.35) 70%,transparent);border:1px solid color-mix(in srgb,rgba(255,255,255,.18) 80%,transparent)}.hero-section.has-bg .stat-item{background:color-mix(in srgb,rgba(0,0,0,.35) 70%,transparent);border:1px solid color-mix(in srgb,rgba(255,255,255,.12) 80%,transparent)}.hero-section.has-bg .xp-bar{background:color-mix(in srgb,rgba(0,0,0,.45) 70%,transparent)}.hero-section>*{position:relative;z-index:1}.hero-controls{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.375rem;z-index:10}.ctrl-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.7rem;transition:all .15s ease}.ctrl-btn:hover{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.ctrl-btn.gold:hover{background:var(--accent);color:var(--accent-text)}.avatar-wrap{position:relative;width:100px;height:100px;margin:0 auto 1rem}.avatar-wrap:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--accent))}.avatar-wrap img{position:relative;width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--bg-primary)}.status-selector{position:absolute;bottom:-2px;right:-2px}.status-current{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--bg-primary);overflow:hidden;cursor:pointer;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--text-muted)}.status-current:hover{transform:scale(1.1)}.status-current img{width:100%;height:100%;object-fit:cover}.status-list{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:.375rem;display:none;grid-template-columns:repeat(4,32px);gap:.25rem;box-shadow:var(--shadow-lg)}.status-list.show{display:grid}.status-item{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.status-item:hover{transform:scale(1.1)}.status-item img{width:100%;height:100%;object-fit:cover}.hero-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.hero-guild{display:inline-block;padding:.2rem .6rem;background:rgba(var(--primary-rgb),.2);color:var(--primary);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;margin-bottom:.5rem}.hero-presence{font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.375rem}.online-dot{width:6px;height:6px;background:var(--online);border-radius:var(--radius-full);animation:pulse 2s infinite}.offline-dot{width:6px;height:6px;background:var(--text-muted);border-radius:var(--radius-full)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.stat-item{padding:.75rem;background:#0003;border-radius:var(--radius-md);text-align:center}.stat-val{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-val.gold{color:var(--accent)}.stat-val.green{color:var(--success)}.stat-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600}.xp-section{margin-top:1rem}.xp-header{display:flex;justify-content:space-between;font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.xp-bar{position:relative;height:16px;background:#0000004d;border-radius:var(--radius-full);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full)}.xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:var(--primary-text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.content-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.card-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.375rem}.card-title i{color:var(--primary);font-size:.75rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(max-width:600px){.info-grid{grid-template-columns:1fr}}.info-box{padding:.625rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.info-box label{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600;margin-bottom:.125rem}.info-box span{font-size:.8rem;font-weight:500;color:var(--text-primary)}.work-bar-wrap{margin:.75rem 0}.work-bar{position:relative;height:20px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.work-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full)}.work-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--primary-text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mini-stat{text-align:center;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.mini-stat-val{font-size:1rem;font-weight:700;color:var(--text-primary)}.mini-stat-lbl{font-size:.6rem;text-transform:uppercase;color:var(--text-muted);font-weight:600}.quest-list{display:flex;flex-direction:column;gap:.5rem}.quest-card{padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary);cursor:pointer}.quest-card:hover{background:var(--bg-tertiary)}.quest-card.done{border-left-color:var(--success);opacity:.7}.quest-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.quest-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.quest-stars{display:flex;gap:2px;font-size:.65rem}.quest-stars .star{color:var(--bg-tertiary)}.quest-stars .star.on{color:var(--accent)}.quest-meta{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted)}.quest-card.done .quest-status{color:var(--success)}.quest-desc{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-secondary);display:none}.quest-desc.show{display:block}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.5rem}.badge-slot{aspect-ratio:1;background:var(--bg-elevated);border-radius:var(--radius-md);padding:.375rem;cursor:pointer;border:2px solid var(--border-primary);transition:all .15s ease;position:relative}.badge-slot:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge-slot.common{border-color:var(--text-muted)}.badge-slot.uncommon{border-color:var(--success)}.badge-slot.rare{border-color:var(--info)}.badge-slot.epic{border-color:var(--primary)}.badge-slot.legendary{border-color:var(--accent)}.badge-slot img{width:100%;height:100%;object-fit:contain}.badge-tip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.375rem;padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:.65rem;color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;z-index:100}.badge-slot:hover .badge-tip{opacity:1;visibility:visible}.friends-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.375rem}@media(max-width:600px){.friends-grid{grid-template-columns:repeat(6,1fr)}}.friend-avatar{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden}.friend-avatar:hover{transform:scale(1.1)}.friend-avatar img{width:100%;height:100%;object-fit:cover}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.toggle-label{font-size:.75rem;color:var(--text-muted)}.toggle-label.on{color:var(--success)}.switch{position:relative;width:36px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;bottom:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:.2s}input:checked+.slider{background:var(--primary)}input:checked+.slider:before{transform:translate(18px)}.empty-text{text-align:center;padding:1rem;color:var(--text-muted);font-size:.8rem}.modal-dialog.modal-form{text-align:left;padding:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-header .modal-title{margin:0;font-size:1rem}.modal-content{padding:1.25rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.form-group select{width:100%;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8rem}.profile-photo-modal{display:flex;flex-direction:column;gap:0}.profile-photo-upload{margin-bottom:0}.profile-photo-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:600;margin-bottom:.5rem}.profile-photo-upload .file-input-wrap{width:100%;box-sizing:border-box;margin:0}.profile-photo-upload .file-input-text{min-width:0}.profile-photo-upload .file-input-title{font-size:.8rem;word-break:break-word}.preview-box{width:100%;height:100px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:.75rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-box img{width:100%;height:100%;object-fit:cover}.preview-placeholder{color:var(--text-muted);font-size:.75rem}.save-btn{width:100%;padding:.625rem;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer}.save-btn:hover{background:var(--primary-hover)}.badge-modal-content{text-align:center}.badge-modal-content img{width:64px;height:64px;margin-bottom:.75rem}.badge-modal-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.badge-modal-rank{display:inline-block;padding:.2rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius-full);font-size:.65rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;margin-bottom:.5rem}.badge-modal-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.pup-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}.pup-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);background-size:cover;background-position:center}.pup-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15) 0%,transparent 60%);z-index:0}.pup-hero.has-custom-bg .pup-hero-bg{background:linear-gradient(180deg,#00000059,#000000bf)}.pup-hero.has-custom-bg .pup-name,.pup-hero.has-custom-bg .pup-guild,.pup-hero.has-custom-bg .pup-status-text,.pup-hero.has-custom-bg .pup-role-tag,.pup-hero.has-custom-bg .pup-xp-label{color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.6)}.pup-hero.has-custom-bg .pup-role-tag{background:#ffffff26;border-color:#ffffff40}.pup-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:140px 1fr auto;gap:1.5rem;align-items:center;padding:1.75rem 1.5rem 1rem}.pup-avatar-wrap{position:relative;width:120px;height:120px;margin:0 auto}.pup-avatar{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--border-primary);box-shadow:var(--shadow-lg);display:block}.pup-avatar-init{background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-secondary);letter-spacing:-.02em}.pup-status-gif{position:absolute;top:-6px;right:-6px;width:44px;height:44px;border-radius:var(--radius-md);border:2px solid var(--border-primary);object-fit:cover;z-index:2}.pup-online-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--text-muted);border:3px solid var(--bg-primary)}.pup-online-dot.online{background:var(--success);box-shadow:0 0 8px #30d1588c}.pup-hero-info{min-width:0}.pup-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pup-name{margin:0;font-size:1.875rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1}.pup-premium-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,gold,#fa0);color:#1a1200}.pup-guild{margin-top:.35rem;color:var(--text-secondary);font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:.4rem}.pup-guild i{color:var(--accent);font-size:.8125rem}.pup-meta-row{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pup-status-dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.pup-status-dot.online{background:var(--success);box-shadow:0 0 6px #30d15880}.pup-status-text{font-size:.875rem;color:var(--text-secondary)}.pup-role-tag{padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-primary);font-size:.6875rem;font-weight:600;text-transform:capitalize;color:var(--text-secondary);letter-spacing:.03em}.pup-friend-row{margin-top:.875rem}.pup-friend-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:var(--bg-elevated);color:var(--text-primary)}.pup-friend-btn.add{border-color:color-mix(in srgb,var(--border-primary) 50%,var(--primary) 50%);color:var(--primary)}.pup-friend-btn.add:hover{background:color-mix(in srgb,var(--bg-elevated) 60%,var(--primary) 40%);color:var(--primary-text);border-color:var(--primary)}.pup-friend-btn.remove{border-color:color-mix(in srgb,var(--border-primary) 50%,var(--danger) 50%);color:var(--danger)}.pup-friend-btn.remove:hover{background:color-mix(in srgb,var(--bg-elevated) 60%,var(--danger) 40%);color:#fff;border-color:var(--danger)}.pup-friend-btn.accept{border-color:color-mix(in srgb,var(--border-primary) 50%,var(--success) 50%);color:var(--success)}.pup-friend-btn.accept:hover{background:color-mix(in srgb,var(--bg-elevated) 60%,var(--success) 40%);color:#fff;border-color:var(--success)}.pup-friend-btn.pending{opacity:.65;cursor:not-allowed}.pup-friend-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.pup-hero-stats{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.pup-stat{min-width:88px;padding:.65rem .875rem;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pup-stat.highlight{border-color:color-mix(in srgb,var(--border-primary) 50%,var(--primary) 50%);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.pup-stat-val{display:block;font-size:1.125rem;font-weight:800;color:var(--text-primary);line-height:1.1}.pup-stat-lbl{display:block;margin-top:.2rem;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.pup-xp-bar-wrap{position:relative;z-index:1;padding:.75rem 1.5rem 1.25rem}.pup-xp-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem;font-weight:500}.pup-xp-track{height:6px;border-radius:var(--radius-full);background:var(--bg-elevated);overflow:hidden;border:1px solid var(--border-subtle)}.pup-xp-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,var(--accent) 40%));transition:width .6s var(--ease-smooth)}.pup-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-top:1.25rem}.pup-section{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm)}.pup-section-title{margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:var(--text-primary)}.pup-section-title i{color:var(--accent);font-size:.875rem}.pup-section-count{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.1rem .5rem}.pup-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.pup-badge-card{position:relative;background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--border-primary) 60%,var(--rank-color, #888) 40%);border-radius:var(--radius-lg);padding:.875rem .75rem;text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);width:100%;box-sizing:border-box}.pup-badge-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000002e;border-color:var(--rank-color, var(--primary))}.pup-badge-icon{width:52px;height:52px;object-fit:contain;margin-bottom:.5rem;display:block;margin-left:auto;margin-right:auto}.pup-badge-name{color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.25}.pup-badge-rank{margin-top:.2rem;font-size:.6875rem;color:var(--rank-color, var(--text-muted));text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pup-friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.6rem}.pup-friend-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-smooth)}.pup-friend-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pup-friend-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm);display:block}.pup-friend-init{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-secondary);font-weight:700;font-size:.875rem;letter-spacing:-.02em}.pup-friend-name{font-size:.6875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pup-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.pup-empty i{font-size:1.75rem;opacity:.3;margin-bottom:.5rem;display:block}.pup-empty p{margin:0;font-size:.875rem}.pup-error{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;background:color-mix(in srgb,var(--danger) 10%,var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent 60%);border-radius:var(--radius-xl);color:var(--danger);font-weight:600;margin:1.5rem auto;max-width:600px}.pup-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:pupFadeIn .15s ease}@keyframes pupFadeIn{0%{opacity:0}to{opacity:1}}.pup-modal{position:relative;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2rem 1.75rem;max-width:340px;width:100%;text-align:center;box-shadow:var(--shadow-xl);animation:pupSlideUp .2s var(--ease-smooth)}@keyframes pupSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.pup-modal-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-secondary);font-size:1.125rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.pup-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.pup-modal-img{width:80px;height:80px;object-fit:contain;margin:0 auto .75rem;display:block}.pup-modal-name{margin:0 0 .35rem;font-size:1.125rem;font-weight:800;color:var(--text-primary)}.pup-modal-rank{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.pup-modal-desc{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media(max-width:900px){.pup-hero-content{grid-template-columns:120px 1fr;grid-template-rows:auto auto}.pup-hero-stats{grid-column:1 / -1;flex-direction:row;justify-content:center;flex-wrap:wrap}.pup-grid{grid-template-columns:1fr}}@media(max-width:640px){.pup-page{padding:1rem .65rem 2.5rem}.pup-hero-content{grid-template-columns:1fr;text-align:center;gap:.75rem}.pup-avatar-wrap{margin:0 auto}.pup-name-row,.pup-meta-row{justify-content:center}.pup-name{font-size:1.5rem}.pup-friend-row{display:flex;justify-content:center}.pup-hero-stats{justify-content:center}.pup-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pfl-page{max-width:1300px;margin:0 auto;padding:2rem 1rem 4rem}.pfl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.pfl-header h1{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.03em}.pfl-header p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.pfl-online-count{color:var(--success, #22c55e);font-weight:600}.pfl-back-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem}.pfl-back-link:hover{color:var(--accent)}.pfl-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pfl-office-link{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:background .15s;white-space:nowrap}.pfl-office-link:hover{background:var(--bg-tertiary)}.pfl-search-wrap{position:relative}.pfl-search-wrap>i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.8125rem;pointer-events:none}.pfl-search{padding:.625rem 1rem .625rem 2.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-primary);width:200px;transition:border-color .15s,box-shadow .15s}.pfl-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.pfl-tabs{display:flex;gap:.375rem;margin-bottom:1.5rem;flex-wrap:wrap}.pfl-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.pfl-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pfl-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.pfl-tab-count{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;background:#0000001f}.pfl-tab.active .pfl-tab-count{background:#ffffff40}.pfl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.pfl-card{position:relative;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.75rem 1.25rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;background-size:cover;background-position:center}.pfl-card-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#000000b8);z-index:0;border-radius:inherit}.pfl-card.pfl-has-bg>*:not(.pfl-card-bg-overlay){position:relative;z-index:1}.pfl-card.pfl-has-bg .pfl-name,.pfl-card.pfl-has-bg .pfl-stat-val,.pfl-card.pfl-has-bg .pfl-stat-lbl{color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.55)}.pfl-card.pfl-has-bg .pfl-tag{background:#ffffff26;border-color:#fff3;color:#ffffffe6}.pfl-card.pfl-has-bg .pfl-btn{background:#ffffff26;border-color:#ffffff4d;color:#fff}.pfl-card.pfl-has-bg:hover .pfl-btn{background:#ffffff47}.pfl-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001f;border-color:var(--accent)}.pfl-card.pfl-hidden{opacity:.65;filter:grayscale(.4)}.pfl-card.pfl-premium{border-color:#f59e0b;background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(245,158,11,.05) 100%)}.pfl-card.pfl-premium:before{content:"★";position:absolute;top:.75rem;left:.875rem;font-size:.75rem;color:#f59e0b}.pfl-online-dot{position:absolute;top:.875rem;right:.875rem;width:10px;height:10px;border-radius:50%;background:var(--text-muted);border:2px solid var(--bg-primary)}.pfl-card.pfl-online .pfl-online-dot{background:var(--success, #22c55e);box-shadow:0 0 8px var(--success, #22c55e);animation:pfl-pulse 2s infinite}@keyframes pfl-pulse{0%,to{opacity:1}50%{opacity:.5}}.pfl-avatar-wrap{position:relative;margin-top:.25rem}.pfl-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border-subtle);display:block}.pfl-card.pfl-premium .pfl-avatar{border-color:#f59e0b}.pfl-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid var(--border-subtle)}.pfl-status-gif{position:absolute;top:-6px;right:-6px;width:32px;height:32px;border-radius:var(--radius-md);border:2px solid var(--bg-primary);object-fit:cover;z-index:2}.pfl-card.pfl-has-bg .pfl-status-gif{border-color:#fff6}.pfl-info{text-align:center;display:flex;flex-direction:column;gap:.375rem}.pfl-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.pfl-tags{display:flex;align-items:center;justify-content:center;gap:.375rem;flex-wrap:wrap}.pfl-tag{font-size:.75rem;font-weight:600;padding:.2rem .625rem;border-radius:999px}.pfl-tag-guild{background:var(--accent-subtle);color:var(--accent)}.pfl-tag-role{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:capitalize}.pfl-stats{display:flex;gap:.5rem;width:100%}.pfl-stat{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);padding:.5rem .25rem}.pfl-stat-val{font-size:1rem;font-weight:800;color:var(--text-primary);line-height:1.2}.pfl-stat-lbl{font-size:.625rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.pfl-btn{width:100%;padding:.625rem;background:var(--accent);color:var(--accent-text);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;text-align:center;transition:background .15s}.pfl-card:hover .pfl-btn{background:var(--accent-hover)}.pfl-error{background:var(--danger-bg, #fef2f2);color:var(--danger, #ef4444);border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-lg);padding:.75rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.pfl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1rem;color:var(--text-muted)}.pfl-empty i{font-size:3rem;opacity:.4}.pfl-empty p{font-size:1rem;margin:0}.pfl-pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:2rem;flex-wrap:wrap}.pfl-pg-btn{min-width:36px;height:36px;padding:0 .625rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s}.pfl-pg-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.pfl-pg-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.pfl-pg-btn:disabled{opacity:.35;cursor:not-allowed}.pfl-pg-ellipsis{color:var(--text-muted);font-size:.875rem;padding:0 .25rem}@media(max-width:640px){.pfl-header{flex-direction:column}.pfl-search{width:100%}.pfl-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pfl-avatar,.pfl-avatar-placeholder{width:60px;height:60px;font-size:1.125rem}.pfl-name{font-size:.875rem;max-width:140px}}.rnd-page{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem}.rnd-header{text-align:center}.rnd-header h1{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 .35rem;display:flex;align-items:center;justify-content:center;gap:.6rem}.rnd-header h1 i{color:var(--primary)}.rnd-header p{font-size:.9375rem;color:var(--text-muted);margin:0}.rnd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.rnd-stat{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.75rem 1rem;text-align:center}.rnd-stat-accent{border-color:color-mix(in srgb,var(--primary) 35%,var(--border-subtle));background:color-mix(in srgb,var(--primary) 8%,var(--bg-primary))}.rnd-stat-val{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}.rnd-stat-accent .rnd-stat-val{color:var(--primary)}.rnd-stat-lbl{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.15rem}.rnd-progress-bar-wrap{position:relative;height:28px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-subtle)}.rnd-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent, #8b5cf6));border-radius:var(--radius-full);transition:width .45s ease}.rnd-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-primary);mix-blend-mode:difference;filter:invert(1) grayscale(1);opacity:.85}.rnd-stage{display:grid;grid-template-columns:minmax(240px,300px) 1fr minmax(240px,300px);gap:1.25rem;align-items:start}.rnd-panel{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;max-height:min(560px,70vh)}.rnd-panel-head{padding:.7rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:.875rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.45rem;flex-shrink:0}.rnd-panel-head i{color:var(--primary);opacity:.9}.rnd-panel-badge{margin-left:auto;font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;background:var(--primary-subtle);color:var(--primary)}.rnd-panel-body{overflow-y:auto;flex:1;min-height:0}.rnd-panel-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.rnd-panel-empty i{display:block;font-size:1.75rem;margin-bottom:.5rem;opacity:.45}.rnd-candidate-list{display:flex;flex-direction:column}.rnd-candidate{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid var(--border-subtle);transition:background .15s}.rnd-candidate:last-child{border-bottom:none}.rnd-candidate--wheel{background:color-mix(in srgb,var(--primary) 4%,transparent)}.rnd-candidate--won{background:color-mix(in srgb,var(--success, #22c55e) 8%,transparent);opacity:.92}.rnd-candidate--out{opacity:.55}.rnd-candidate.pulse{animation:rnd-pulse 1s ease infinite}@keyframes rnd-pulse{0%,to{background:color-mix(in srgb,var(--primary) 4%,transparent)}50%{background:color-mix(in srgb,var(--primary) 12%,transparent)}}.rnd-candidate-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rnd-candidate-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.rnd-candidate-name{font-size:.8125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rnd-candidate-meta{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rnd-candidate-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.12rem .4rem;border-radius:999px;flex-shrink:0}.rnd-candidate-tag--wheel{background:var(--primary-subtle);color:var(--primary)}.rnd-candidate-tag--won{background:#22c55e26;color:var(--success, #16a34a)}.rnd-candidate-tag--out{background:var(--bg-tertiary);color:var(--text-muted)}.rnd-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-subtle)}.rnd-avatar-sm{width:32px;height:32px}.rnd-avatar-md{width:40px;height:40px}.rnd-avatar-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent, #8b5cf6));color:#fff;font-size:.7rem;font-weight:800;border:none}.rnd-avatar-md.rnd-avatar-ph{font-size:.8rem}.rnd-wheel-col{display:flex;flex-direction:column;align-items:center;gap:1rem}.rnd-wheel-wrap{position:relative;display:inline-block}.rnd-wheel-wrap:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:32px solid #ef4444;z-index:10;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.rnd-wheel-wrap.spinning .rnd-canvas{filter:drop-shadow(0 12px 40px rgba(99,102,241,.25))}.rnd-canvas{display:block;border-radius:50%;box-shadow:0 10px 40px #0003;max-width:100%;height:auto}.rnd-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.rnd-count-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.45rem .875rem}.rnd-count-group label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.rnd-count-group input{width:52px;padding:.25rem .35rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:700;text-align:center}.rnd-count-hint{font-size:.7rem;color:var(--text-muted)}.rnd-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.625rem 1.35rem;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:700;cursor:pointer;transition:transform .15s,filter .15s}.rnd-btn.primary{background:var(--primary);color:var(--primary-text, #fff);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 35%,transparent)}.rnd-btn.gold{background:#f59e0b;color:#fff;box-shadow:0 4px 14px #f59e0b59}.rnd-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.rnd-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.rnd-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.rnd-toast{padding:.65rem 1.35rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;text-align:center;animation:rnd-pop .4s cubic-bezier(.34,1.56,.64,1)}.rnd-toast.green{background:#22c55e1f;color:var(--success, #16a34a);border:1px solid rgba(34,197,94,.25)}.rnd-toast.gold{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3)}@keyframes rnd-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rnd-result-list{display:flex;flex-direction:column}.rnd-result-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border-bottom:1px solid var(--border-subtle);animation:rnd-slide .35s ease}.rnd-result-item:last-child{border-bottom:none}.rnd-result-item.senior{background:#f59e0b14}@keyframes rnd-slide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.rnd-result-num{width:24px;height:24px;border-radius:50%;background:var(--primary-subtle);color:var(--primary);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rnd-result-item.senior .rnd-result-num{background:#fef3c7;color:#d97706}.rnd-result-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.rnd-result-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.rnd-result-meta{font-size:.7rem;color:var(--text-muted)}.rnd-senior-badge{font-size:.62rem;font-weight:800;text-transform:uppercase;padding:.2rem .5rem;background:#fef3c7;color:#d97706;border-radius:999px;flex-shrink:0}@media(max-width:1024px){.rnd-stage{grid-template-columns:1fr 1fr;grid-template-areas:"wheel wheel" "candidates results"}.rnd-wheel-col{grid-area:wheel}.rnd-candidates{grid-area:candidates}.rnd-results{grid-area:results}.rnd-panel{max-height:320px}}@media(max-width:640px){.rnd-stats{grid-template-columns:repeat(2,1fr)}.rnd-stage{grid-template-columns:1fr;grid-template-areas:"wheel" "candidates" "results"}.rnd-canvas{width:min(100vw - 2rem,340px)!important;height:min(100vw - 2rem,340px)!important}}.revisors-page{max-width:1600px;margin:0 auto;padding:1.5rem 1rem}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-header{padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.375rem;transition:all .2s ease;border:none;cursor:pointer}.header-actions .btn-secondary,.header-actions .btn-secondary:link,.header-actions .btn-secondary:visited{background:var(--bg-elevated);color:var(--text-primary)!important;border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.header-actions .btn-secondary:hover{color:var(--primary)!important;border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-header:hover{filter:brightness(1.1);transform:translateY(-1px)}.search-section{margin-bottom:1.5rem}.search-input{width:100%;max-width:400px;padding:.8rem 1rem .8rem 2.75rem!important;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:1rem;line-height:1.25;letter-spacing:.01em;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.search-input::placeholder{color:var(--text-muted);opacity:1;font-size:.95rem}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.search-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.search-wrapper i{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;pointer-events:none;z-index:1}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.25rem;display:flex;align-items:center;justify-content:center;text-align:center;gap:1rem}.stat-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.25rem}.stat-icon.primary{background:var(--primary-subtle);color:var(--primary)}.stat-icon.success{background:var(--success-bg);color:var(--success)}.stat-icon.warning{background:var(--warning-bg);color:var(--warning)}.stat-icon.accent{background:var(--accent-subtle);color:var(--accent)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;text-align:center}.revisors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:1.25rem}.revisor-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;transition:all .25s ease;box-shadow:var(--shadow-sm)}.revisor-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.revisor-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.125rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.revisor-avatar{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;border:2px solid var(--border-subtle)}.avatar-placeholder{width:56px;height:56px;border-radius:var(--radius-full);background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700;font-size:1.25rem;flex-shrink:0;border:2px solid var(--primary)}.revisor-main{flex:1;min-width:0}.revisor-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.revisor-badges{display:flex;gap:.375rem;flex-wrap:wrap}.badge{padding:.1875rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:600;text-transform:uppercase;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.badge-revisor{background:var(--primary-subtle);color:var(--primary)}.badge-stager{background:var(--warning-bg);color:var(--warning)}.badge-office{background:var(--accent-subtle);color:var(--accent)}.badge-level{background:var(--success-bg);color:var(--success)}.revisor-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-bottom:.875rem}.stat-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:.75rem;text-align:center}.stat-box-value{font-size:1.2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.3125rem;flex-wrap:wrap;min-height:30px;line-height:1.15}.stat-box-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;margin-top:.35rem;letter-spacing:.04em;text-align:center}.stat-btn{width:20px;height:20px;border:none;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.stat-btn.add{background:var(--success-bg);color:var(--success)}.stat-btn.add:hover{background:var(--success);color:var(--text-on-success, white);transform:scale(1.1)}.stat-btn.remove{background:var(--danger-bg);color:var(--danger)}.stat-btn.remove:hover{background:var(--danger);color:var(--text-on-danger, white);transform:scale(1.1)}.revisor-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem;padding:.875rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:.875rem;font-size:.75rem}.info-row{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);line-height:1.4}.info-row i{color:var(--text-muted);width:14px;font-size:.75rem;flex-shrink:0}.info-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row.full{grid-column:1 / -1}.revisor-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;position:relative;z-index:2}.btn-action{pointer-events:all!important;padding:.625rem .75rem;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;text-decoration:none;white-space:nowrap}.btn-action i{font-size:.875rem}.btn-action.view{background:var(--primary-subtle);color:var(--primary)}.btn-action.view:hover{background:var(--primary);color:var(--primary-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-action.archive{background:var(--warning-bg);color:var(--warning)}.btn-action.archive:hover{background:var(--warning);color:var(--text-on-warning, #1d1d1f);transform:translateY(-1px)}.btn-action.delete{background:var(--danger-bg);color:var(--danger)}.btn-action.delete:hover{background:var(--danger);color:var(--text-on-danger, white);transform:translateY(-1px)}.bottom-section{margin-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.tool-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm)}.tool-card h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.625rem}.tool-card h3 i{color:var(--accent);font-size:1.25rem}.tool-card-note{margin:-.5rem 0 1.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.badge-form{display:flex;gap:.75rem;align-items:flex-end}.badge-form .form-group{flex:1}.badge-form .form-group:last-child{flex:0 0 auto}.badge-form label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem;min-height:1.125rem}.badge-form input,.badge-form select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.badge-form input:focus,.badge-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.badge-form button{width:100%;padding:.75rem 1.5rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.badge-form button:hover{background:var(--accent);filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge-form button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}.badge-form button i{font-size:1rem}#responseMessage,.badge-response{margin-top:1rem;padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;display:none;text-align:center}#responseMessage.success,.badge-response.success{display:block;background:var(--success-bg);color:var(--success)}#responseMessage.error,.badge-response.error{display:block;background:var(--danger-bg);color:var(--danger)}.monthly-badge-summary{display:grid;gap:.35rem;margin-top:.75rem;color:var(--text-primary);font-size:.8125rem;text-align:left}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-xl)}@media(max-width:768px){.revisors-grid{grid-template-columns:1fr}.revisor-stats{grid-template-columns:repeat(2,1fr)}.revisor-actions{grid-template-columns:1fr}.header-actions{width:100%;justify-content:stretch}.btn-header{flex:1;justify-content:center}.page-header{flex-direction:column;align-items:stretch}.page-header h1{justify-content:center}.stats-row,.bottom-section{grid-template-columns:1fr}.badge-form{flex-direction:column;align-items:stretch}.badge-form .form-group{max-width:100%}.badge-form .form-group:last-child{flex:1}.badge-form .form-group:last-child label{display:none}.badge-form button{width:100%;justify-content:center}}@media(max-width:480px){.revisor-stats{grid-template-columns:repeat(2,1fr);gap:.375rem}.stat-box{padding:.375rem}.stat-box-value{font-size:.875rem}.stat-box-label{font-size:.5rem}.revisor-info{grid-template-columns:1fr;gap:.5rem;font-size:.6875rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9000;padding:1rem}.modal-box{background:var(--bg-elevated, #1e1e1e);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:480px;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0,0,0,.5))}.modal-box--sm{max-width:380px}.modal-confirm-text{font-size:.9375rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-head h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.modal-head h3 i{color:var(--primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.25rem}.mfield{display:flex;flex-direction:column;gap:.3125rem}.mfield label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.mfield input,.mfield select{padding:.65rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);transition:border-color .2s;width:100%;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mfield input:focus,.mfield select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:100%;height:2.75rem;padding:0 1rem;margin:0;border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;font-weight:600;line-height:1;cursor:pointer;transition:all .2s;box-sizing:border-box;white-space:nowrap;text-align:center}.modal-btn--cancel{background:var(--bg-secondary);border:1px solid var(--border-strong);color:var(--text-secondary)}.modal-btn--cancel:hover{color:var(--text-primary);border-color:var(--text-muted)}.modal-btn--submit{background:var(--primary);border:1px solid transparent;color:var(--primary-text)}.modal-btn--submit:hover{filter:brightness(1.1)}.modal-btn--submit:disabled{opacity:.6;cursor:not-allowed}.modal-btn--danger{background:var(--danger, #e53e3e);border:1px solid transparent;color:#fff}.modal-btn--danger:hover{filter:brightness(1.1)}@media(max-width:480px){.modal-fields{grid-template-columns:1fr}}.sal-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.75rem}.sal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sal-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.sal-header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.nav-period{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.3rem .5rem}.period-label{font-size:.9rem;font-weight:600;color:var(--text-primary);min-width:140px;text-align:center}.period-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.75rem;transition:all .15s}.period-nav-btn:hover{background:var(--primary-subtle);color:var(--primary)}.sal-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.sal-stat{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.125rem 1.25rem;display:flex;align-items:center;gap:1rem}.sal-stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sal-stat-icon.blue{background:#dbeafe;color:#2563eb}.sal-stat-icon.green{background:#d1fae5;color:#059669}.sal-stat-icon.orange{background:#ffedd5;color:#ea580c}.sal-stat-icon.purple{background:#ede9fe;color:#7c3aed}.sal-stat-val{font-size:1.375rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.2rem}.sal-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.sal-section{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.sal-section-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.sal-section-head h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.4rem}.sal-archive-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;text-decoration:none}.sal-archive-link:hover{background:var(--primary-subtle);color:var(--primary)}.sal-table{width:100%;border-collapse:collapse}.sal-table th{padding:.625rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.sal-table th.right,.sal-table td.right{text-align:right}.sal-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.sal-table tbody tr:last-child td{border-bottom:none}.sal-table tbody tr:hover{background:var(--bg-secondary)}.sal-user-cell{display:flex;align-items:center;gap:.625rem}.sal-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.sal-avatar-ph{width:34px;height:34px;border-radius:50%;background:var(--primary-subtle);color:var(--primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sal-hours{font-weight:600}.sal-hours.dim{color:var(--text-muted);font-weight:400}.sal-penalty{color:var(--danger);font-weight:600}.sal-final{font-weight:700}.sal-progress-wrap{display:flex;align-items:center;gap:.5rem;min-width:120px}.sal-progress-bar{flex:1;height:6px;background:var(--border-subtle);border-radius:999px;overflow:hidden}.sal-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.sal-progress-fill.green{background:var(--success)}.sal-progress-fill.yellow{background:#f59e0b}.sal-progress-fill.red{background:var(--danger)}.sal-progress-pct{font-size:.75rem;font-weight:700;color:var(--text-secondary);min-width:34px;text-align:right}.sal-btn-log{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;font-size:.8125rem;transition:all .15s}.sal-btn-log:hover{background:var(--primary-subtle);color:var(--primary)}.sal-personal{display:flex;flex-direction:column;gap:1.5rem}.sal-personal-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.sal-personal-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.sal-personal-card-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sal-personal-card-val{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1}.sal-personal-card-sub{font-size:.8125rem;color:var(--text-muted)}.sal-personal-card.positive .sal-personal-card-val{color:var(--success)}.sal-personal-card.negative .sal-personal-card-val{color:var(--danger)}.sal-hours-block{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem}.sal-hours-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sal-hours-block-title{font-size:.875rem;font-weight:700;color:var(--text-primary)}.sal-hours-frac{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.sal-hours-frac span{color:var(--text-muted);font-weight:400}.sal-big-bar{height:10px;background:var(--border-subtle);border-radius:999px;overflow:hidden;margin-bottom:.4rem}.sal-big-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .5s ease}.sal-big-fill.over100{background:var(--success)}.sal-big-fill.under50{background:var(--danger)}.sal-hours-hint{font-size:.75rem;color:var(--text-muted)}.sal-dayoffs{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.sal-dayoffs-head{padding:.875rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:.9375rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.sal-dayoffs-empty{padding:1.5rem 1.25rem;text-align:center;font-size:.875rem;color:var(--text-muted);font-style:italic}.sal-dayoffs-list{display:flex;flex-direction:column}.sal-dayoff-item{display:flex;align-items:center;gap:1rem;padding:.625rem 1.25rem;border-bottom:1px solid var(--border-subtle);font-size:.875rem}.sal-dayoff-item:last-child{border-bottom:none}.sal-dayoff-date{font-weight:600;color:var(--text-primary);min-width:90px}.sal-dayoff-hours{font-weight:700;color:var(--primary);min-width:40px}.sal-dayoff-reason{color:var(--text-secondary);flex:1}.sal-empty{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.sal-empty i{font-size:2.5rem;opacity:.35;display:block;margin-bottom:.75rem}.sal-back-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;text-decoration:none}.sal-back-link:hover{background:var(--primary-subtle);color:var(--primary)}@media(max-width:640px){.sal-table th:nth-child(3),.sal-table td:nth-child(3),.sal-table th:nth-child(4),.sal-table td:nth-child(4){display:none}.sal-personal-stats{grid-template-columns:1fr 1fr}}.sp-page{max-width:1400px;margin:0 auto;padding:2rem 1rem}.sp-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.sp-header-left{display:flex;align-items:center;gap:.75rem}.sp-header-left h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.sp-count{font-size:.8rem;font-weight:600;padding:.2rem .65rem;background:var(--bg-tertiary);color:var(--text-muted);border-radius:999px}.sp-btn-add{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-text, #fff);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap}.sp-btn-add:hover{filter:brightness(1.1)}.sp-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.sp-filter-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:160px}.sp-filter-group label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sp-filter-group input,.sp-filter-group select{padding:.45rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.sp-filter-group input:focus,.sp-filter-group select:focus{outline:none;border-color:var(--primary)}.sp-filter-reset{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .875rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;align-self:flex-end}.sp-filter-reset:hover{background:var(--danger-bg);color:var(--danger)}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.sp-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s ease,transform .15s ease}.sp-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-1px)}.sp-card-top{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem .75rem}.sp-card-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.sp-card-info{flex:1;min-width:0}.sp-card-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-card-address{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.sp-badges{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 1.125rem .75rem}.sp-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.sp-badge.new{background:#dbeafe;color:#1d4ed8}.sp-badge.transported{background:#fef3c7;color:#d97706}.sp-badge.c1{background:#ede9fe;color:#7c3aed}.sp-badge.away{background:#fce7f3;color:#be185d}.sp-badge.normal{background:var(--bg-tertiary);color:var(--text-secondary)}.sp-badge.base{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.sp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-subtle);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.sp-stat{display:flex;flex-direction:column;align-items:center;padding:.625rem .5rem;background:var(--bg-secondary);gap:.15rem}.sp-stat-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.sp-stat-value{font-size:.875rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.2rem}.sp-stat-value i{color:#f59e0b;font-size:.7rem}.sp-card-footer{display:flex;gap:.5rem;padding:.75rem 1.125rem;margin-top:auto}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .875rem;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer}.sp-btn.view{flex:1;background:var(--primary-subtle);color:var(--primary)}.sp-btn.edit,.sp-btn.del{background:var(--bg-tertiary);color:var(--text-secondary)}.sp-btn.view:hover{background:var(--primary);color:var(--primary-text, #fff)}.sp-btn.edit:hover{background:var(--primary-subtle);color:var(--primary)}.sp-btn.del:hover{background:var(--danger-bg);color:var(--danger)}.sp-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:var(--text-muted)}.sp-empty i{font-size:3rem;opacity:.35}.sp-empty p{font-size:1rem;margin:0}.sp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sp-modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000040}.sp-modal--wide{max-width:560px}.sp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 0}.sp-modal-head h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.sp-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:.875rem;flex-shrink:0}.sp-modal-close:hover{background:var(--danger-bg);color:var(--danger)}.sp-detail-info{padding:1rem 1.5rem .25rem}.sp-detail-address{font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem;margin-bottom:.75rem}.sp-detail-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.sp-detail-rows{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;margin:0 1.5rem 1.25rem}.sp-detail-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid var(--border-subtle)}.sp-detail-row:last-child{border-bottom:none}.sp-detail-row:nth-child(2n){background:var(--bg-secondary)}.sp-detail-row-label{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.sp-detail-row-val{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.sp-detail-row-val i{color:#f59e0b;font-size:.75rem}.sp-form{display:flex;flex-direction:column;gap:.875rem;padding:1.25rem 1.5rem}.sp-form-group{display:flex;flex-direction:column;gap:.35rem}.sp-form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.sp-form-group input,.sp-form-group select{padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem}.sp-form-group input:focus,.sp-form-group select:focus{outline:none;border-color:var(--primary)}.sp-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:0 1.5rem 1.25rem}.sp-modal-btn{padding:.5rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.sp-modal-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.sp-modal-btn.save{background:var(--primary);color:var(--primary-text, #fff)}.sp-modal-btn.danger{background:var(--danger);color:#fff}.sp-modal-btn:disabled{opacity:.6;cursor:not-allowed}.sp-confirm-body{padding:1rem 1.5rem 1.25rem;text-align:center}.sp-confirm-icon{width:56px;height:56px;border-radius:50%;background:var(--danger-bg);color:var(--danger);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1rem}.sp-confirm-text{font-size:.9375rem;color:var(--text-secondary);margin:0}.sp-confirm-text strong{color:var(--text-primary)}@media(max-width:600px){.sp-grid{grid-template-columns:1fr}.sp-filters{flex-direction:column}.sp-filter-group{min-width:unset;width:100%}}.task-page{max-width:600px;margin:0 auto;padding:2rem 1rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem}.form-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-label i{color:var(--primary);margin-right:.375rem}.form-control{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-subtle)}textarea.form-control{min-height:120px;resize:vertical}select.form-control{cursor:pointer}select[multiple].form-control{min-height:150px;padding:.5rem}select[multiple].form-control option{padding:.625rem .75rem;border-radius:var(--radius-md);margin-bottom:.25rem}select[multiple].form-control option:checked{background:var(--primary-subtle);color:var(--primary)}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-info{margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.form-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.btn-submit{flex:1;padding:.875rem 1.5rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-submit:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-cancel{padding:.875rem 1.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.errorlist{list-style:none;padding:0;margin:.5rem 0 0}.errorlist li{color:var(--danger);font-size:.8125rem}.help-text{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}@media(max-width:480px){.time-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}body.modal-open{overflow:hidden}.top-page{max-width:1100px;margin:0 auto;padding:2rem 1rem}.page-header{text-align:center;margin-bottom:1.5rem}.tabs-container{display:flex;justify-content:center;margin-bottom:1.5rem}.tabs{display:inline-flex;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:4px;border:1px solid var(--border-subtle)}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--primary);color:var(--primary-text);box-shadow:var(--shadow-sm)}.table-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden}.table-header-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);flex-wrap:wrap;gap:1rem}.table-title{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.table-title i{color:var(--primary)}.btn-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.btn-toggle:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.btn-toggle.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary)}.badge-trainee{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--warning);color:var(--text-on-warning, #1d1d1f);border-radius:4px;font-size:.6875rem;font-weight:700}.table-columns{display:grid;grid-template-columns:50px 1fr 100px 80px 140px;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.table-columns.rating-grid{grid-template-columns:50px 1fr 80px 80px 80px}.column-header{cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:color var(--duration-fast) ease}.column-header:hover{color:var(--primary)}.column-header i{font-size:.625rem}.table-row{display:grid;grid-template-columns:50px 1fr 100px 80px 140px;gap:1rem;padding:.875rem 1.5rem;align-items:center;transition:background var(--duration-fast) ease}.table-row:nth-child(odd){background:var(--bg-secondary)}.table-row.rating-grid{grid-template-columns:50px 1fr 80px 80px 80px;cursor:pointer}.table-row:hover{background:var(--bg-tertiary)}.table-row.trainee{opacity:.7}.table-row.trainee.hidden{display:none}.rank-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-weight:700;font-size:.875rem;color:var(--text-secondary)}.table-row:nth-child(1) .rank-badge{background:linear-gradient(135deg,var(--rank-gold-1),var(--rank-gold-2));color:var(--rank-on-light)}.table-row:nth-child(2) .rank-badge{background:linear-gradient(135deg,var(--rank-silver-1),var(--rank-silver-2));color:var(--rank-on-light)}.table-row:nth-child(3) .rank-badge{background:linear-gradient(135deg,var(--rank-bronze-1),var(--rank-bronze-2));color:var(--rank-on-dark)}.name-cell{display:flex;align-items:center;gap:.5rem}.role-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;flex-shrink:0}.who_are-ревізор{background:var(--primary-subtle);color:var(--primary)}.who_are-стажер{background:var(--warning-bg);color:var(--warning)}.who_are-куратор{background:var(--accent-subtle);color:var(--accent)}.who_are-офіс{background:var(--bg-tertiary);color:var(--text-muted)}.revisor-name{font-weight:500;color:var(--text-primary)}.value-cell{font-size:.9375rem;color:var(--text-secondary)}.value-cell.hours{font-weight:600;color:var(--primary)}.value-cell.rating{font-weight:600;color:var(--accent)}.value-cell.salary{font-weight:600;color:var(--success)}.salary-diff{font-size:.75rem;color:var(--text-muted);margin-left:.25rem}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--primary-text)}.footer-label{font-size:.875rem;opacity:.9}.footer-value{font-size:1.25rem;font-weight:700}.nav-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.page-nav-btn,.page-nav-btn:link,.page-nav-btn:visited{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary)!important;text-decoration:none;font-weight:500;transition:all var(--duration-fast) ease;box-shadow:var(--shadow-xs)}.page-nav-btn:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)!important;box-shadow:var(--shadow-sm)}.page-nav-btn i{color:currentColor}.top-content{display:none}.top-content.active{display:block}.reviews-modal-dialog{max-width:500px;max-height:80vh;display:flex;flex-direction:column;text-align:left;overflow:hidden}.reviews-modal-dialog .modal-icon,.reviews-modal-dialog .modal-title{flex-shrink:0}.reviews-modal-dialog .modal-title{text-align:center}.reviews-list{list-style:none;padding:0;margin:1.5rem 0 0;max-height:350px;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.reviews-list::-webkit-scrollbar{width:6px}.reviews-list::-webkit-scrollbar-track{background:transparent}.reviews-list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.reviews-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.review-card{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:.75rem;border-left:3px solid var(--accent)}.review-card:last-child{margin-bottom:0}.review-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.shop-badge{font-size:.875rem;font-weight:600;color:var(--text-primary)}.rating-badge{padding:.375rem .75rem;background:var(--accent-subtle);color:var(--accent);border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.rating-badge.high{background:var(--success-bg);color:var(--success)}.rating-badge.low{background:var(--danger-bg);color:var(--danger)}.review-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.review-text:empty:before{content:"Без коментаря";font-style:italic;color:var(--text-muted)}.loading,.no-reviews,.error{text-align:center;padding:2rem;color:var(--text-muted)}@media(max-width:768px){.top-page{max-width:100%;padding:1rem 0}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.9rem;gap:.5rem}.tabs-container{margin-bottom:1rem}.tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-xl)}.tab-btn{width:100%;justify-content:center;padding:.72rem .45rem;font-size:1rem;font-weight:600}.table-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}.table-header-row{padding:.85rem .85rem .75rem;gap:.7rem}.table-title{font-size:1.18rem}.btn-toggle{padding:.45rem .75rem;font-size:.82rem}.table-columns,.table-row{grid-template-columns:40px minmax(0,1fr) 84px;gap:.55rem;padding-left:.85rem;padding-right:.85rem}.table-columns.rating-grid,.table-row.rating-grid{grid-template-columns:40px minmax(0,1fr) 58px 58px;gap:.5rem}.table-columns{font-size:.68rem;letter-spacing:.2px;padding-top:.6rem;padding-bottom:.6rem}.table-columns>*:nth-child(4),.table-columns>*:nth-child(5),.table-row>*:nth-child(4){display:none}.table-row.rating-grid>*:nth-child(5){display:none}.table-row{min-height:66px;padding-top:.72rem;padding-bottom:.72rem}.rank-badge{width:34px;height:34px;font-size:.95rem;border-radius:var(--radius-full)}.name-cell{min-width:0;gap:.42rem}.role-badge{width:20px;height:20px;font-size:.64rem}.revisor-name{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.04rem;font-weight:600}.value-cell{font-size:.96rem;text-align:right;font-weight:600}.value-cell.hours{line-height:1.25;font-size:.98rem}.value-cell.salary,.salary-diff{white-space:nowrap}.table-footer{padding:.82rem .9rem}.footer-label{font-size:.8rem}.footer-value{font-size:1.02rem}.nav-buttons{gap:.6rem;margin-top:1rem}.page-nav-btn,.page-nav-btn:link,.page-nav-btn:visited{flex:1;justify-content:center;padding:.72rem .7rem;font-size:.9rem}}@media(max-width:420px){.top-page{margin:0 -.2rem}.table-columns,.table-row{grid-template-columns:36px minmax(0,1fr) 78px;gap:.45rem;padding-left:.7rem;padding-right:.7rem}.table-columns.rating-grid,.table-row.rating-grid{grid-template-columns:36px minmax(0,1fr) 52px 52px;gap:.42rem}.rank-badge{width:30px;height:30px;font-size:.86rem}.revisor-name{font-size:.95rem}.value-cell,.value-cell.hours{font-size:.88rem}}.upl-page{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem}.upl-header{text-align:center;margin-bottom:2rem}.upl-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:.625rem}.upl-header h1 i{color:var(--accent)}.upl-header p{color:var(--text-secondary);margin:.375rem 0 0;font-size:.9rem}.upl-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2rem}.upl-section{display:flex;flex-direction:column;gap:.875rem}.upl-section+.upl-section{padding-top:2rem;border-top:1px solid var(--border-subtle)}.upl-section-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.04em}.upl-section-title i{color:var(--text-secondary);font-size:.875rem}.upl-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.upl-field{display:flex;flex-direction:column;gap:.375rem}.upl-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.upl-select,.upl-input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.9375rem;color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.upl-select:focus,.upl-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.upl-select:disabled{opacity:.5;cursor:not-allowed}.upl-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.upl-dropzone{border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upl-dropzone:hover,.upl-dropzone.drag{border-color:var(--accent);background:var(--accent-subtle)}.upl-dropzone i{font-size:2rem;color:var(--text-muted)}.upl-dropzone span{font-size:.875rem;color:var(--text-secondary)}.upl-dropzone .upl-fname{font-size:.875rem;font-weight:600;color:var(--accent)}.upl-actions{display:flex;gap:.75rem}.upl-btn-submit{flex:1;padding:.875rem 1.25rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s,transform .1s}.upl-btn-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.upl-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.upl-btn-progress{padding:.875rem 1.25rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s;white-space:nowrap}.upl-btn-progress:hover:not(:disabled){background:var(--bg-tertiary)}.upl-btn-progress:disabled{opacity:.4;cursor:not-allowed}.upl-error{background:var(--danger-bg, #fef2f2);color:var(--danger, #ef4444);border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-lg);padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.upl-meta-loading{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.upl-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem}.upl-modal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #0006;width:100%;max-width:580px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.upl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.upl-modal-head h5{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.upl-modal-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-secondary);font-size:1.125rem;cursor:pointer;line-height:1}.upl-modal-close:hover{background:var(--danger-bg);color:var(--danger)}.upl-modal-body{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.upl-prog-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.upl-prog-status{color:var(--text-secondary);font-weight:500}.upl-prog-status.done{color:var(--success, #22c55e)}.upl-prog-pct{font-weight:700;color:var(--text-primary)}.upl-prog-bar{height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden}.upl-prog-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.upl-prog-msgs{max-height:200px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem;font-size:.8125rem;font-family:monospace;display:flex;flex-direction:column;gap:.25rem}.upl-prog-msgs p{margin:0;padding:.375rem .5rem;background:var(--bg-primary);border-radius:var(--radius-sm);line-height:1.4;word-break:break-word}.upl-btn-stop{padding:.75rem 1.25rem;background:var(--danger, #ef4444);color:#fff;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;align-self:flex-start}.upl-btn-stop:hover{opacity:.9}@media(max-width:600px){.upl-row{grid-template-columns:1fr}.upl-actions{flex-direction:column}}.upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-xl);font-size:2rem}.file-input-wrapper:hover .file-input-label,.file-input:focus+.file-input-label{border-color:var(--primary);background:var(--primary-subtle)}.file-input-label .selected-file{color:var(--primary);font-weight:500;margin-top:.5rem}.format-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.btn-upload{width:100%;padding:1rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.export-link{display:block;text-align:center;margin-top:1.5rem;color:var(--primary);font-size:.9375rem;text-decoration:none}.upload-page{max-width:600px;margin:0 auto;padding:2rem 1rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem}.page-header h1 i{color:var(--accent)}.page-header p{color:var(--text-secondary);margin-top:.5rem}.messages{margin-bottom:1.5rem}.message{padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.9375rem}.message.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.message.error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.message.warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.message.info{background:var(--info-bg);color:var(--info);border:1px solid var(--info)}.message i{font-size:1.125rem}.upload-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:2rem}.upload-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--accent);border-radius:var(--radius-xl);font-size:2rem}.upload-title{text-align:center;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.upload-description{text-align:center;font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.5rem}.auto-code-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;margin:0 auto 1.5rem}.file-input-wrapper{position:relative;margin-bottom:1.5rem}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all var(--duration-fast) ease}.file-input-wrapper:hover .file-input-label,.file-input:focus+.file-input-label{border-color:var(--accent);background:var(--accent-subtle)}.file-input-label i{font-size:2rem;color:var(--text-muted);margin-bottom:.75rem}.file-input-label span{font-size:.9375rem;color:var(--text-secondary)}.file-input-label .selected-file{color:var(--accent);font-weight:500;margin-top:.5rem}.format-info{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.format-info h3{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.format-info h3 i{color:var(--info)}.format-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.format-column{padding:.5rem;background:var(--bg-primary);border-radius:var(--radius-md);text-align:center;font-size:.75rem}.format-column .col-num{display:block;color:var(--text-muted);margin-bottom:.25rem}.format-column .col-name{color:var(--text-primary);font-weight:500}.format-note{margin-top:.75rem;padding:.625rem;background:var(--success-bg);border-radius:var(--radius-md);font-size:.75rem;color:var(--success);display:flex;align-items:center;gap:.5rem}.btn-upload{width:100%;padding:1rem;background:var(--accent);color:var(--accent-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-upload:hover{filter:brightness(1.1)}.export-link{display:block;text-align:center;margin-top:1.5rem;color:var(--accent);font-size:.9375rem;text-decoration:none}.export-link:hover{text-decoration:underline}.export-link i{margin-right:.375rem}.back-link{display:block;text-align:center;margin-top:1rem;color:var(--text-secondary);font-size:.875rem;text-decoration:none}.back-link:hover{color:var(--text-primary)}.money-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.page-header h1 i{color:var(--primary)}.nav-period{display:flex;align-items:center;gap:.5rem}.period-nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .2s ease}.period-nav-btn:hover{background:var(--primary);color:var(--primary-text)}.period-label{padding:.625rem 1.25rem;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;min-width:180px;text-align:center}.total-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.total-info{display:flex;align-items:center;gap:1rem}.total-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.5rem}.total-text .label{font-size:.875rem;color:var(--text-secondary)}.total-text .value{font-size:2rem;font-weight:700;color:var(--text-primary)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.user-card{background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden}.user-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.user-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600;font-size:.875rem}.user-name{font-weight:600;color:var(--text-primary)}.user-total{font-size:1.25rem;font-weight:700;color:var(--accent)}.logs-list{padding:.5rem 0;max-height:200px;overflow-y:auto}.log-item{padding:.625rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.log-item:nth-child(odd){background:var(--bg-secondary)}.log-date{font-size:.8125rem;color:var(--text-secondary)}.log-amount{font-size:.875rem;font-weight:600;color:var(--text-primary)}.total-meta{text-align:right}.total-count{font-size:.875rem;color:var(--text-muted);background:var(--bg-secondary);padding:.3rem .75rem;border-radius:var(--radius-full)}.log-comment{flex:1;font-size:.8125rem;color:var(--text-muted);padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-empty{padding:1rem 1.25rem;font-size:.875rem;color:var(--text-muted);text-align:center}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}body.auth-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:1rem;overflow:hidden}.welcome-container{width:100%;max-width:580px;text-align:center;animation:pageAppear .7s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}@keyframes pageAppear{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-moon-logo{display:block;width:96px;height:96px;margin:0 auto 1rem;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.logo-badge{display:inline-block;padding:8px 22px;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-text);border-radius:var(--radius-full);font-size:.7rem;font-weight:800;letter-spacing:2.5px;margin-bottom:1.5rem;box-shadow:0 4px 24px -4px rgba(var(--primary-rgb),.4)}.welcome-title{font-size:2.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.15}.accent-text{background:linear-gradient(135deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:2.5rem;font-weight:400}.main-card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem 2rem;margin-bottom:2rem;position:relative;overflow:hidden}.main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;animation:gradientSlide 4s ease infinite}@keyframes gradientSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.instructions-header{font-size:1.125rem;font-weight:700;margin-bottom:1.75rem;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.625rem}.instructions-header i{color:var(--primary);font-size:1.25rem}.steps-list{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.steps-list li{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-bottom:.625rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all .2s ease}.steps-list li:hover{border-color:var(--primary-muted);transform:translate(4px)}.steps-list li:last-child{margin-bottom:0}.step-num{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-text);font-weight:800;font-size:.75rem;border-radius:var(--radius-sm)}.steps-list p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.steps-list p strong{color:var(--text-primary)}.card-divider{height:1px;background:var(--border-primary);margin:2rem 0}.button-group{display:flex;gap:.75rem}.btn{text-decoration:none;padding:1rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:.625rem;transition:all .3s ease;cursor:pointer;border:none}.btn-login{flex:1;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-text);box-shadow:0 6px 24px -4px rgba(var(--primary-rgb),.5);font-size:1.0625rem}.btn-login:hover{transform:translateY(-3px);box-shadow:0 10px 36px -4px rgba(var(--primary-rgb),.6)}.btn-telegram{padding:1rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-telegram:hover{border-color:var(--primary-muted);background:var(--primary-subtle);color:var(--primary);transform:translateY(-3px)}.features-row{display:flex;gap:.75rem;margin-top:1.5rem}.feature-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary)}.feature-chip i{color:var(--primary);font-size:.875rem}.welcome-footer{margin-top:2rem;font-size:.8125rem;color:var(--text-tertiary)}.name-dev{color:var(--primary-light);font-weight:600}.partner{color:var(--text-muted);font-style:italic}.moon-icon{color:var(--accent)}.bg-decoration{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45;animation:blobFloat 20s ease-in-out infinite}.bg-blob-1{width:500px;height:500px;background:var(--primary);top:-15%;right:-10%}.bg-blob-2{width:400px;height:400px;background:var(--accent);bottom:-15%;left:-10%;animation-delay:-7s}.bg-blob-3{width:300px;height:300px;background:linear-gradient(135deg,var(--primary),var(--accent));top:60%;left:15%;opacity:.2;animation-delay:-14s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,40px) scale(1.08)}50%{transform:translate(-25px,20px) scale(.92)}75%{transform:translate(20px,-30px) scale(1.04)}}[data-mode=dark] .bg-blob{opacity:.25}@media(max-width:480px){.welcome-title{font-size:2rem}.main-card{padding:1.75rem 1.25rem}.button-group,.features-row{flex-direction:column}}.top-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:992px){.top-section{grid-template-columns:1fr}}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-wrapper{display:flex;align-items:center;text-align:left;gap:.75rem;padding:.875rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:1.25rem}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.checkbox-wrapper label{color:var(--text-primary);cursor:pointer}.stats-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:var(--text-secondary)}.stat-row .val{font-weight:600;color:var(--text-primary)}.stat-row .val.highlight{color:var(--primary)}.stat-row .val.danger{color:var(--danger)}.total-status{text-align:center;margin-bottom:1rem}.total-status .badge{padding:.5rem 1rem;font-size:.875rem}.total-status .badge.success{background:var(--success-bg);color:var(--success)}.total-status .badge.bonus{background:linear-gradient(135deg,var(--primary-subtle),var(--accent-subtle));color:var(--primary)}.text-status{color:var(--text-secondary)}.text-status strong{color:var(--text-primary)}#progress-container{background:var(--bg-tertiary);border-radius:var(--radius-full);height:24px;position:relative;overflow:hidden}#progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full);transition:width .5s ease}#progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-primary)}.calendar-list-view{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.calendar-header-row{display:grid;grid-template-columns:80px 1fr 120px 160px;gap:1rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}@media(max-width:768px){.calendar-header-row{display:none}}.day-card{display:grid;grid-template-columns:80px 1fr 120px 160px;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);align-items:center;transition:all var(--duration-fast) var(--ease-smooth)}.day-card:hover{background:var(--bg-tertiary);transform:translate(4px)}@media(max-width:768px){.day-card{grid-template-columns:1fr;gap:.875rem;padding:1rem;display:flex;flex-direction:column}.day-left{display:flex;justify-content:flex-start;align-items:center;gap:.625rem;width:100%}.day-center{width:100%;padding-left:0;min-height:auto}.day-right{text-align:left;padding-left:0;display:flex;align-items:center;justify-content:flex-start;border-top:1px solid var(--border-subtle);padding-top:.625rem}.day-right:before{content:"⏱️ ";margin-right:.375rem;opacity:.6}.time-val{font-size:1.0625rem;font-weight:700}.day-actions{justify-content:flex-start;gap:.625rem;width:100%;border-top:1px solid var(--border-subtle);padding-top:.625rem}.action-btn{width:48px;height:48px;font-size:1.0625rem}}.day-card.far-point-glow{border-left:3px solid hsl(35,90%,50%);background:#f2930d0d}.day-card.stager-glow{border-left:3px solid hsl(280,70%,55%);background:#a73cdd0d}.day-card.penalty-glow{border-left:3px solid var(--penalty-glow-border);background:var(--penalty-glow-bg)}.day-card.weekend{background:var(--bg-tertiary)}.day-card.weekend .day-number{background:var(--weekend-pill-bg);color:var(--text-muted)}.day-left{display:flex;align-items:center;gap:.5rem}.day-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-md);font-weight:700;font-size:1rem}.penalty-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;background:var(--penalty-badge-bg);color:var(--penalty-badge-text);border-radius:var(--radius-md);font-weight:700;border:1px solid var(--penalty-badge-border);box-shadow:var(--penalty-badge-shadow)}.penalty-badge:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.625rem}.day-center{display:flex;flex-direction:column;gap:.25rem;min-height:24px}.status-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.tag{font-size:.6875rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.tag-far{background:var(--tag-far-bg);color:var(--tag-far-text)}.tag-stager{background:var(--tag-stager-bg);color:var(--tag-stager-text)}.tag-bonus{background:var(--tag-bonus-bg);color:var(--tag-bonus-text)}.tag-penalty{background:var(--tag-penalty-bg);color:var(--tag-penalty-text)}.day-off-badge{font-size:.6875rem;padding:.25rem .5rem;border-radius:var(--radius-sm);background:var(--dayoff-bg);color:var(--dayoff-text)}.day-right{text-align:center;display:flex;align-items:center;justify-content:center;min-height:28px}.time-val{font-size:1rem;font-weight:600;color:var(--text-primary)}.time-val small{font-size:.75rem;color:var(--text-muted);font-weight:400}.day-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.action-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}.action-btn.stager-btn:hover,.action-btn.stager-btn.active{background:var(--tag-stager-bg);color:var(--tag-stager-text)}.action-btn.bonus-btn:hover,.action-btn.bonus-btn.active{background:var(--success-bg);color:var(--success)}.action-btn.delete-btn:hover{background:var(--danger-bg);color:var(--danger)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.calc-fab{position:fixed;right:1.5rem;bottom:1.5rem;width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 6px 24px -4px rgba(var(--primary-rgb),.5);transition:all .3s ease;z-index:200}.calc-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 32px -4px rgba(var(--primary-rgb),.55)}.calc-fab .fab-tooltip{position:absolute;right:calc(100% + .75rem);white-space:nowrap;background:var(--bg-elevated);color:var(--text-primary);font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);opacity:0;transform:translate(8px);transition:all .2s ease;pointer-events:none}.calc-fab:hover .fab-tooltip{opacity:1;transform:translate(0)}.calc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-strong);z-index:299;opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.calc-overlay.active{opacity:1;pointer-events:auto}.calc-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);width:440px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);background:var(--bg-base);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:300;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden}.calc-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.calc-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.calc-header-left{display:flex;align-items:center;gap:.625rem}.calc-header-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-size:.9375rem}.calc-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.calc-close{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s ease}.calc-close:hover{background:var(--danger-bg);color:var(--danger)}.calc-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem}.calc-work-time{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:end;margin-bottom:1.5rem}.calc-work-separator{padding-bottom:.75rem;color:var(--text-muted);font-size:1.25rem}.calc-field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.calc-field input[type=time]{width:100%;padding:.625rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-weight:600;font-family:SF Mono,Fira Code,monospace;transition:all .2s ease;text-align:center;color-scheme:light dark}.calc-field input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}.calc-field input[type=time]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.calc-breaks{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.25rem}.calc-breaks-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.calc-breaks-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.calc-breaks-title i{color:var(--accent);font-size:.75rem}.calc-breaks-count{font-size:.6875rem;background:var(--accent-subtle);color:var(--accent);padding:2px 8px;border-radius:var(--radius-full);font-weight:700}.calc-add-break{display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:var(--primary-subtle);color:var(--primary);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.calc-add-break:hover{background:var(--primary-muted)}.calc-add-break i{font-size:.625rem}.calc-break-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;animation:calcSlideIn .2s ease}.calc-break-item:last-child{margin-bottom:0}@keyframes calcSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.calc-break-item input[type=time]{flex:1;padding:.5rem .625rem;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-weight:600;font-family:SF Mono,Fira Code,monospace;text-align:center;transition:all .2s ease;color-scheme:light dark}.calc-break-item input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8)}.calc-break-item input[type=time]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle)}.calc-break-dash{color:var(--text-muted);font-size:.75rem}.calc-remove-break{width:28px;height:28px;border-radius:var(--radius-xs);background:transparent;color:var(--text-muted);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s ease;flex-shrink:0}.calc-remove-break:hover{background:var(--danger-bg);color:var(--danger)}.calc-no-breaks{text-align:center;padding:.75rem;color:var(--text-muted);font-size:.8125rem}.calc-result{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem}.calc-result-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-subtle),var(--accent-subtle));display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--primary);flex-shrink:0}.calc-result-info{flex:1;min-width:0}.calc-result-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.calc-result-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.1}.calc-result-value span{font-size:.875rem;font-weight:500;color:var(--text-tertiary)}.calc-result-sub{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.calc-actions{display:flex;gap:.5rem;margin-top:1rem}.calc-btn-calculate{flex:1;padding:.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--primary-text);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .25s ease}.calc-btn-calculate:hover{transform:translateY(-1px);box-shadow:0 4px 16px -4px rgba(var(--primary-rgb),.5)}.calc-btn-reset{padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.calc-btn-reset:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:768px){.page-header{margin-bottom:1.25rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.top-section{gap:1rem;margin-bottom:1.5rem}.card{padding:1rem}.card-title{font-size:.9375rem}.time-inputs{grid-template-columns:1fr;gap:.75rem}.stats-grid{gap:.5rem;margin-bottom:1rem}.stat-row{padding:.625rem 0;font-size:.875rem}.total-status{margin-bottom:.875rem}.total-status .badge{font-size:.8125rem;padding:.4rem .875rem}#progress-container{height:20px}#progress-text{font-size:.6875rem}h2.page-title{font-size:1.125rem!important}.navigation-buttons{flex-direction:column;gap:.75rem}.navigation-buttons .btn{width:100%;justify-content:center}.calc-fab{right:1rem;bottom:1rem;width:48px;height:48px;font-size:1.125rem}.calc-fab .fab-tooltip{display:none}.calc-modal{width:calc(100vw - 1rem);max-height:calc(100vh - 2rem)}.calc-header,.calc-body{padding:1rem}.calc-work-time{gap:.5rem}.calc-result{padding:1rem;gap:.75rem}.calc-result-icon{width:40px;height:40px;font-size:1rem}.calc-result-value{font-size:1.5rem}.calc-actions{flex-direction:column}.calc-btn-reset{width:100%;justify-content:center}}@media(max-width:480px){.day-card{padding:.875rem}.day-number{width:36px;height:36px;font-size:.9375rem}.penalty-badge{font-size:.6875rem;padding:.2rem .4rem}.tag{font-size:.625rem;padding:.2rem .4rem}.action-btn{width:44px;height:44px;font-size:1rem}.time-val{font-size:1rem}.day-actions{gap:.5rem}}:root{--primary-h: 270;--primary-s: 70%;--primary-l: 50%;--accent-h: 45;--accent-s: 90%;--accent-l: 55%;--primary-text: #ffffff;--accent-text: #1d1d1f;--primary-rgb: 123, 44, 191;--accent-rgb: 245, 166, 35;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-light: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 15%));--primary-lighter: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 30%));--primary-dark: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 15%));--primary-darker: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 25%));--primary-subtle: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .1);--primary-muted: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .3);--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--accent-light: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 15%));--accent-dark: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 15%));--accent-subtle: hsla(var(--accent-h), var(--accent-s), var(--accent-l), .15);--mode: light;--bg-base: #fafafa;--bg-primary: rgba(255, 255, 255, .72);--bg-secondary: rgba(255, 255, 255, .55);--bg-tertiary: rgba(248, 248, 250, .8);--bg-elevated: rgba(255, 255, 255, .85);--bg-overlay: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .65);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-muted: #aeaeb2;--text-inverted: #ffffff;--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .05);--border-subtle: rgba(0, 0, 0, .03);--border-strong: rgba(0, 0, 0, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .25);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--blur-xl: blur(40px);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--success: #34c759;--success-bg: rgba(52, 199, 89, .12);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .12);--danger: #ff3b30;--danger-bg: rgba(255, 59, 48, .12);--info: #007aff;--info-bg: rgba(0, 122, 255, .12);--text-on-success: #ffffff;--text-on-danger: #ffffff;--text-on-warning: #1d1d1f;--backdrop-dim: rgba(0, 0, 0, .4);--backdrop-strong: rgba(0, 0, 0, .65);--on-image-text-primary: #ffffff;--on-image-text-secondary: rgba(255, 255, 255, .8);--on-image-text-shadow: 0 2px 8px rgba(0, 0, 0, .7);--on-image-text-shadow-soft: 0 1px 3px rgba(0, 0, 0, .5);--on-image-text-outline: 0 0 1px rgba(0, 0, 0, .55);--on-image-border: rgba(255, 255, 255, .12);--on-image-surface: rgba(255, 255, 255, .08);--rating-excellent: #22c55e;--rating-good: #84cc16;--rating-ok: #eab308;--rating-low: #f97316;--rating-bad: #ef4444;--rank-gold-1: #ffd700;--rank-gold-2: #ffa500;--rank-silver-1: #c0c0c0;--rank-silver-2: #a8a8a8;--rank-bronze-1: #cd7f32;--rank-bronze-2: #a66628;--rank-on-light: #1d1d1f;--rank-on-dark: #ffffff;--rank-ex-bg: rgba(255, 193, 7, .15);--rank-ex: #d4a600;--rank-ex-border: rgba(255, 193, 7, .3);--rank-s-bg: rgba(156, 39, 176, .15);--rank-s: #ab47bc;--rank-s-border: rgba(156, 39, 176, .3);--rank-a-bg: rgba(33, 150, 243, .15);--rank-a: #42a5f5;--rank-a-border: rgba(33, 150, 243, .3);--rank-b-bg: rgba(76, 175, 80, .15);--rank-b: #66bb6a;--rank-b-border: rgba(76, 175, 80, .3);--rank-c-bg: rgba(255, 152, 0, .15);--rank-c: #ffa726;--rank-c-border: rgba(255, 152, 0, .3);--rank-d-bg: rgba(244, 67, 54, .15);--rank-d: #ef5350;--rank-d-border: rgba(244, 67, 54, .3);--rank-e-bg: rgba(158, 158, 158, .15);--rank-e-border: rgba(158, 158, 158, .3);--far-point-glow-border: hsl(35, 90%, 50%);--far-point-glow-bg: hsla(35, 90%, 50%, .05);--stager-glow-border: hsl(280, 70%, 55%);--stager-glow-bg: hsla(280, 70%, 55%, .05);--penalty-glow-border: hsl(0, 75%, 55%);--penalty-glow-bg: hsla(0, 75%, 55%, .05);--weekend-pill-bg: hsla(0, 0%, 50%, .15);--penalty-badge-bg: linear-gradient(135deg, hsl(0, 75%, 92%), hsl(0, 75%, 88%));--penalty-badge-bg1: hsl(0, 75%, 92%);--penalty-badge-bg2: hsl(0, 75%, 88%);--penalty-badge-fg: hsl(0, 70%, 45%);--penalty-badge-text: hsl(0, 70%, 45%);--penalty-badge-border: hsl(0, 70%, 80%);--penalty-badge-shadow: 0 1px 3px hsla(0, 70%, 50%, .15);--tag-far-bg: hsl(35, 90%, 90%);--tag-far-text: hsl(35, 90%, 35%);--tag-far-fg: hsl(35, 90%, 35%);--tag-stager-bg: hsl(280, 70%, 90%);--tag-stager-text: hsl(280, 70%, 40%);--tag-stager-fg: hsl(280, 70%, 40%);--tag-bonus-bg: hsl(145, 60%, 90%);--tag-bonus-text: hsl(145, 60%, 35%);--tag-bonus-fg: hsl(145, 60%, 35%);--tag-penalty-bg: hsl(0, 75%, 92%);--tag-penalty-text: hsl(0, 75%, 40%);--tag-penalty-fg: hsl(0, 75%, 40%);--dayoff-bg: hsl(270, 60%, 60%);--dayoff-text: #ffffff;--dayoff-fg: #ffffff;--archive-badge-bg: var(--bg-tertiary);--archive-badge-text: var(--offline);--archive-badge-border: var(--border-subtle);--online: #30d158;--offline: #8e8e93;--busy: #ff453a;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}[data-mode=dark]{--bg-base: #000000;--bg-primary: rgba(28, 28, 30, .72);--bg-secondary: rgba(44, 44, 46, .55);--bg-tertiary: rgba(58, 58, 60, .6);--bg-elevated: rgba(44, 44, 46, .85);--bg-overlay: rgba(28, 28, 30, .9);--bg-glass: rgba(28, 28, 30, .65);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #8e8e93;--text-muted: #636366;--text-inverted: #1d1d1f;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--success-bg: rgba(52, 199, 89, .2);--warning-bg: rgba(255, 159, 10, .2);--danger-bg: rgba(255, 59, 48, .2);--info-bg: rgba(0, 122, 255, .2);--backdrop-dim: rgba(0, 0, 0, .5);--backdrop-strong: rgba(0, 0, 0, .72);--on-image-text-secondary: rgba(255, 255, 255, .78);--on-image-border: rgba(255, 255, 255, .18);--on-image-surface: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background var(--duration-slow) var(--ease-smooth),color var(--duration-slow) var(--ease-smooth)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,var(--primary-subtle) 0%,transparent 50%),radial-gradient(ellipse at bottom right,var(--accent-subtle) 0%,transparent 50%);pointer-events:none;z-index:-1}.glass{background:var(--bg-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.glass-subtle{background:var(--bg-secondary);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.glass-elevated{background:var(--bg-elevated);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.card{background:var(--bg-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--duration-normal) var(--ease-smooth)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-accent{background:var(--accent);color:var(--accent-text)}.btn-accent:hover{background:var(--accent-light)}.btn-danger{background:var(--danger);color:var(--text-on-danger, white);box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#dd3c3c;box-shadow:0 0 20px #e619194d}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-subtle)}.btn-sm{padding:.375rem .875rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:.875rem 1.75rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-full)}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;letter-spacing:.01em}.input,.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--text-primary);background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-smooth)}.input:focus,.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.input::placeholder{color:var(--text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.site-header{position:sticky;top:0;z-index:var(--z-sticky)}.site-header *:focus{outline:none}.nav-main{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1.5rem;background:linear-gradient(to right,color-mix(in srgb,var(--bg-primary) 92%,transparent),color-mix(in srgb,var(--bg-primary) 88%,transparent));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle)}.nav-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;flex-shrink:0}.nav-logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:#0a0a0a;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040;overflow:hidden}.nav-logo-icon img{width:28px;height:28px;object-fit:contain}.nav-logo-text{font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.nav-center{display:flex;align-items:center;gap:.125rem;flex-wrap:nowrap}.nav-group{position:relative;flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .5rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-btn span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-btn i{font-size:.875rem;opacity:.75}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-btn:hover i{opacity:1}.nav-chevron{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.5;transition:transform .2s ease}.nav-group:hover .nav-chevron{transform:rotate(180deg)}.nav-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);min-width:280px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -2px #0000001a,0 0 0 1px #00000005;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.nav-group:hover .nav-panel{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-panel:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--border-primary)}.nav-panel:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--bg-elevated)}.nav-panel-inner{padding:.5rem}.nav-panel-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;border-radius:var(--radius-md);transition:background .15s ease;color:var(--text-primary)!important}.nav-panel-link:hover{background:var(--bg-tertiary)}.nav-panel-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;flex-shrink:0;transition:all .15s ease}.nav-panel-link:hover .nav-panel-icon{background:var(--primary-subtle);color:var(--primary)}.nav-panel-icon.accent{background:var(--accent-subtle);color:var(--accent-dark)}.nav-panel-content{flex:1;min-width:0}.nav-panel-title{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)!important}.nav-panel-desc{display:block;font-size:.75rem;color:var(--text-secondary)!important;margin-top:.125rem}.nav-panel-wide{min-width:440px}.nav-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.75rem}.nav-panel-section{padding:.5rem}.nav-panel-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 .5rem .5rem;margin-bottom:.25rem}.nav-panel-link-mini{display:flex;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;color:var(--text-primary)!important;text-decoration:none;border-radius:var(--radius-sm);transition:all .15s ease}.nav-panel-link-mini i{width:16px;text-align:center;font-size:.75rem;opacity:1;color:var(--text-secondary)}.nav-panel-link-mini:hover{background:var(--bg-tertiary);color:var(--primary)!important}.nav-panel-link-mini:hover i{opacity:1}.nav-right{display:flex;align-items:center;gap:.375rem}.nav-icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-xs)}.nav-icon-btn:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.nav-icon-notifications{color:var(--text-primary)!important;border:1px solid var(--border-strong);background:var(--bg-elevated);box-shadow:var(--shadow-xs)}.nav-icon-notifications i{color:var(--text-primary)!important;opacity:1!important}.nav-icon-notifications:hover{color:var(--primary)!important;border-color:var(--primary);background:var(--primary-subtle)}.nav-icon-notifications:hover i{color:var(--primary)!important}.nav-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;background:var(--danger);color:var(--primary-text);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.nav-user{position:relative;margin-left:.25rem}.nav-user-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .625rem .25rem .25rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.nav-user-btn:hover{background:var(--bg-elevated);border-color:var(--border-primary)}.nav-user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--primary);font-size:.75rem}.nav-user-avatar img{width:100%;height:100%;object-fit:cover}.nav-user-info{display:flex;flex-direction:column;text-align:left}.nav-user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);line-height:1.2}.nav-user-role{font-size:.65rem;color:var(--text-tertiary);line-height:1.2}.nav-user-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;padding:.35rem;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);transform-origin:top right;transition:all .2s ease;z-index:100;box-sizing:border-box}.nav-user:hover .nav-user-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav-user-menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-subtle)}.nav-user-menu-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--primary);font-size:1rem;flex-shrink:0}.nav-user-menu-avatar img{width:100%;height:100%;object-fit:cover}.nav-user-menu-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.nav-user-menu-email{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.nav-user-menu-divider{height:1px;background:var(--border-primary);margin:.2rem .35rem}.nav-user-menu-link{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .85rem;border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;font-weight:inherit;line-height:inherit;color:var(--text-primary)!important;text-decoration:none;text-align:left;border:none;background:transparent;cursor:pointer;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease}button.nav-user-menu-link{margin:0}.nav-user-menu-link:link,.nav-user-menu-link:visited{color:var(--text-primary)!important}.nav-user-menu-link i{width:16px;text-align:center;color:var(--text-secondary)!important;font-size:.875rem}.nav-user-menu-link:hover{background:var(--bg-tertiary);color:var(--text-primary)!important}.nav-user-menu-link.danger,.nav-user-menu-link.danger i{color:var(--danger)}.nav-user-menu-link.danger:hover{background:var(--danger-bg);color:var(--danger)!important}.nav-user-menu-link.danger:hover i{color:var(--danger)!important}.nav-user-menu-badge{margin-left:auto;padding:.125rem .5rem;font-size:.65rem;font-weight:600;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-full)}.nav-login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-text);text-decoration:none;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);transition:all .15s ease}.nav-login-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.nav-mobile-toggle{display:none;flex-direction:column;gap:4px;padding:8px;background:transparent;border:none;cursor:pointer}.nav-mobile-toggle span{display:block;width:20px;height:2px;background:var(--text-secondary);border-radius:1px;transition:all .2s ease}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-primary{background:var(--primary-subtle);color:var(--primary)}.badge-accent{background:var(--accent-subtle);color:var(--accent-dark)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:24px;height:24px;font-size:.625rem}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:56px;height:56px;font-size:1.125rem}.avatar-xl{width:80px;height:80px;font-size:1.5rem}.avatar-online:after{content:"";position:absolute;bottom:2px;right:2px;width:25%;height:25%;background:var(--online);border:2px solid var(--bg-base);border-radius:var(--radius-full)}.table-container{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.table td{padding:1rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.table tbody tr:hover{background:var(--primary-subtle)}.table tbody tr:last-child td{border-bottom:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.modal-backdrop.show{opacity:1;visibility:visible}.modal{background:var(--bg-overlay);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:90vh;overflow:auto;transform:scale(.95) translateY(10px);transition:transform var(--duration-normal) var(--ease-spring)}.modal-backdrop.show .modal{transform:scale(1) translateY(0)}.modal-header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.modal-body{padding:0 1.5rem 1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:.75rem}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-user-primary{color:var(--primary)!important}.text-user-accent{color:var(--accent)!important}.bg-user-primary{background:var(--primary)!important;color:var(--primary-text)!important}.bg-user-accent{background:var(--accent)!important;color:var(--accent-text)!important}.bg-user-primary-subtle{background:var(--primary-subtle)!important;color:var(--text-primary)!important}.bg-user-accent-subtle{background:var(--accent-subtle)!important;color:var(--text-primary)!important}.bg-user-primary-muted{background:var(--primary-muted)!important;color:var(--text-primary)!important}.border-user-primary{border-color:var(--primary)!important}.border-user-accent{border-color:var(--accent)!important}.icon-user-primary{color:var(--primary)!important}.icon-user-accent{color:var(--accent)!important}.card-user-primary{background:var(--primary-subtle);border-color:rgba(var(--primary-rgb),.2)}.card-user-primary .card-icon,.card-user-primary .dashboard-card-icon{background:var(--primary);color:var(--primary-text)}.card-user-accent{background:var(--accent-subtle);border-color:rgba(var(--accent-rgb),.2)}.card-user-accent .card-icon,.card-user-accent .dashboard-card-icon{background:var(--accent);color:var(--accent-text)}.gradient-user-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:var(--primary-text)!important}.gradient-user-accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;color:var(--accent-text)!important}.gradient-user-mixed{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:var(--primary-text)!important}.shadow-user-primary{box-shadow:0 4px 20px rgba(var(--primary-rgb),.3)!important}.shadow-user-accent{box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)!important}.glow-user-primary{box-shadow:0 0 20px rgba(var(--primary-rgb),.4)!important}.hover-user-primary:hover{background:var(--primary)!important;color:var(--primary-text)!important}.hover-user-primary-subtle:hover{background:var(--primary-subtle)!important;color:var(--primary)!important}.dashboard-card-icon.user-primary{background:var(--primary-subtle);color:var(--primary)}.dashboard-card-icon.user-accent{background:var(--accent-subtle);color:var(--accent)}.progress-user-primary{background:var(--bg-tertiary)}.progress-user-primary .progress-bar,.progress-user-primary:after{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.tag-user-primary{background:var(--primary-subtle);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.2)}.tag-user-accent{background:var(--accent-subtle);color:var(--accent-dark);border:1px solid rgba(var(--accent-rgb),.2)}.status-user-primary{background:var(--primary);box-shadow:0 0 8px rgba(var(--primary-rgb),.5)}.bg-primary{background:var(--primary)!important}.bg-accent{background:var(--accent)!important}.bg-glass{background:var(--bg-glass)!important}.bg-elevated{background:var(--bg-elevated)!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.form-container{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-label,label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.form-label-hint{font-weight:400;color:var(--text-tertiary);font-size:.75rem;margin-left:.25rem}.form-control,.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=search],textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-smooth);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:hover,.form-input:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}.form-control:focus,.form-input:focus,input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);background:var(--bg-elevated)}.form-control::placeholder,.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea.form-control,textarea{min-height:100px;resize:vertical;line-height:1.5}select.form-control,select.form-select,select:not([data-choice]){width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);outline:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236e6e73' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;transition:all var(--duration-fast) var(--ease-smooth);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-icon-wrapper{position:relative}.input-icon-wrapper .form-control,.input-icon-wrapper input{padding-left:2.75rem}.input-icon-wrapper .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1rem;pointer-events:none}.form-control-sm,.input-sm{padding:.5rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm)}.form-control-lg,.input-lg{padding:1rem 1.25rem;font-size:1rem;border-radius:var(--radius-md)}.form-control.is-invalid,.is-invalid,input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--danger);background:var(--danger-bg)}.form-control.is-invalid:focus,.is-invalid:focus{box-shadow:0 0 0 3px #ff3b3026}.form-control.is-valid,.is-valid,input.is-valid,select.is-valid{border-color:var(--success);background:var(--success-bg)}.invalid-feedback,.form-error{display:block;margin-top:.375rem;font-size:.75rem;color:var(--danger)}.valid-feedback,.form-success{display:block;margin-top:.375rem;font-size:.75rem;color:var(--success)}.form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-tertiary)}.form-check{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.form-check-input{width:1.125rem;height:1.125rem;margin:0;border:2px solid var(--border-strong);background:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-check-input[type=checkbox]{border-radius:var(--radius-xs)}.form-check-input[type=radio]{border-radius:50%}.form-check-input:checked{background:var(--primary);border-color:var(--primary)}.form-check-input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.form-check-input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='white'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}.form-check-input:focus{box-shadow:0 0 0 3px var(--primary-subtle)}.form-check-label{font-size:.875rem;color:var(--text-primary);cursor:pointer;margin-bottom:0}.form-switch{display:flex;align-items:center;gap:.75rem}.form-switch-input{width:2.75rem;height:1.5rem;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-primary);cursor:pointer;position:relative;transition:all var(--duration-fast) var(--ease-smooth);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-switch-input:before{content:"";position:absolute;top:2px;left:2px;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-smooth)}.form-switch-input:checked{background:var(--primary);border-color:var(--primary)}.form-switch-input:checked:before{left:calc(100% - 1.5rem + 4px)}.form-file{position:relative}.form-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.form-file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.form-file-label:hover{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong)}.btn-success{background:var(--success);color:var(--text-on-success, white)}.btn-success:hover:not(:disabled){filter:brightness(.9)}.btn-danger{background:var(--danger);color:var(--text-on-danger, white)}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-warning{background:var(--warning);color:var(--text-on-warning, #1d1d1f)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-link{background:transparent;color:var(--primary);padding:0}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:1rem 2rem;font-size:1rem;border-radius:var(--radius-md)}.btn-block{width:100%}.btn-group{display:flex;gap:.5rem}.btn-group-vertical{flex-direction:column}.choices{position:relative;margin-bottom:0;font-size:.9375rem;overflow:visible}.choices *{box-sizing:border-box}.choices:focus{outline:none}.choices:last-child{margin-bottom:0}.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input{background-color:var(--bg-tertiary);cursor:not-allowed;-webkit-user-select:none;user-select:none}.choices.is-disabled .choices__item{cursor:not-allowed}.choices [hidden]{display:none!important}.choices__inner{display:inline-flex;align-items:center;vertical-align:middle;width:100%;min-height:42px;padding:8px 32px 8px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9375rem;overflow:hidden;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.is-focused .choices__inner,.is-open .choices__inner{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);background:var(--bg-elevated)}.choices__list--single{display:flex;align-items:center;width:100%;padding:0;line-height:24px}.choices__list--single .choices__item{width:100%;color:var(--text-primary);line-height:24px;padding:0;display:flex;align-items:center}.choices__list--single .choices__placeholder{color:var(--text-muted);line-height:24px}.choices__list--multiple{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.375rem}.choices__list--multiple .choices__item{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;word-break:break-all;box-sizing:border-box}.choices__list--multiple .choices__item.is-highlighted{background:var(--primary);color:var(--primary-text)}.choices__list--multiple .choices__item[data-deletable]{padding-right:.375rem}.choices__button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:0;background:transparent;cursor:pointer;opacity:.6;font-size:.75rem;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.choices__button:before{content:"×";position:absolute;text-indent:0;font-size:1rem;font-weight:500;line-height:1}.choices__button:hover{opacity:1}.choices__input{display:inline-flex;align-items:center;vertical-align:middle;background:transparent;border:0;font-size:.9375rem;line-height:24px;height:24px;color:var(--text-primary);padding:0;margin:0;max-width:100%;flex:1;min-width:80px}.choices__input:focus{outline:0}.choices__input::placeholder{color:var(--text-muted);line-height:24px}.choices__list--dropdown,.choices__list[aria-expanded]{visibility:hidden;z-index:1000;position:absolute;width:100%;background:var(--bg-elevated);border:1px solid var(--border-primary);top:100%;margin-top:.375rem;border-radius:var(--radius-md);overflow:hidden;word-break:break-all;will-change:visibility;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded]{visibility:visible}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{border-color:var(--border-strong)}.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded]{top:auto;bottom:100%;margin-top:0;margin-bottom:.375rem;border-radius:var(--radius-md)}.choices__list--dropdown .choices__input,.choices__list[aria-expanded] .choices__input{width:100%;padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);margin:0;border-radius:0;background:var(--bg-tertiary)}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{max-height:250px;overflow:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer;opacity:.8}[data-mode=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-mode=dark] input[type=time]::-webkit-calendar-picker-indicator,[data-mode=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-mode=dark] input[type=month]::-webkit-calendar-picker-indicator,[data-mode=dark] input[type=week]::-webkit-calendar-picker-indicator{filter:invert(1)}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{color-scheme:light dark}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 100px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border-color:var(--border-primary)!important}select option{background-color:var(--bg-secondary);color:var(--text-primary)}[data-mode=dark] input[type=number]::-webkit-inner-spin-button,[data-mode=dark] input[type=number]::-webkit-outer-spin-button{filter:invert(1)}input:disabled:not([type=checkbox]):not([type=radio]),textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed!important;color:var(--text-muted)!important;background-color:var(--bg-tertiary)!important}input:focus:not([type=checkbox]):not([type=radio]),textarea:focus,select:focus{outline:none!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-subtle)!important}.form-control,.form-select,.custom-select,.form-control:focus,.form-select:focus,.custom-select:focus{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}input[type=text].vTextField,input[type=text].vURLField,input[type=text].vIntegerField,input[type=number].vIntegerField,input[type=email].vEmailField,textarea.vLargeTextField,.choices__input,.choices__input--cloned,.choices__inner,input[type=search],.input-group input,.input-group select,.input-group textarea{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important}form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):not([type=image]),form textarea,form select{color:var(--text-primary)!important;background-color:var(--bg-secondary)!important;border-color:var(--border-primary)!important}.input-group-text+input,input+.input-group-text,.has-icon input{color:var(--text-primary)!important}input[readonly],textarea[readonly],select[readonly]{color:var(--text-secondary)!important;background-color:var(--bg-tertiary)!important}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{position:relative;padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background:var(--primary-subtle);color:var(--primary)}.choices__list--dropdown .choices__item--selectable.is-selected,.choices__list[aria-expanded] .choices__item--selectable.is-selected{background:var(--primary);color:var(--primary-text)}.choices__list--dropdown .choices__item[data-group-id]{padding-left:1.5rem}.choices__heading{font-weight:600;font-size:.75rem;padding:.75rem 1rem .5rem;border-bottom:1px solid var(--border-primary);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.choices__list--dropdown .choices__item--disabled,.choices__list[aria-expanded] .choices__item--disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none;color:var(--text-muted);font-style:italic}.choices__placeholder{color:var(--text-muted)}.choices__list--dropdown .choices__placeholder{padding:.75rem 1rem;text-align:center;color:var(--text-muted)}.choices__list--dropdown .choices__list::-webkit-scrollbar{width:6px}.choices__list--dropdown .choices__list::-webkit-scrollbar-track{background:transparent}.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-mode=dark] .choices__inner{background:var(--bg-secondary)}[data-mode=dark] .choices__list--dropdown{background:var(--bg-elevated)}.form-row{display:grid;gap:1rem}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.form-actions-left{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-spread{justify-content:space-between}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.page-content{padding:2rem 0}.page-title{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:2rem}.section{margin-bottom:2.5rem}.section-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-smooth)}.animate-slideUp{animation:slideUp var(--duration-normal) var(--ease-spring)}.animate-slideDown{animation:slideDown var(--duration-normal) var(--ease-spring)}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}@media(max-width:1200px){.nav-user-info{display:none}.nav-user-btn{padding:.25rem}.nav-panel-wide{min-width:320px;left:auto;right:0;transform:translateY(-4px)}.nav-group:hover .nav-panel-wide{transform:translateY(0)}.nav-panel-wide:before,.nav-panel-wide:after{display:none}.nav-panel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.nav-center{display:none}.nav-mobile-toggle{display:flex}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.container{padding:0 1rem}.page-title{font-size:1.5rem}.nav-user{display:none}.nav-main{padding:.5rem 1rem}.nav-logo-text{display:none}}@media(max-width:900px){.page-content{padding:1rem 0 1.5rem}.card,.form-container,.table-container{border-radius:var(--radius-md)}}@media(max-width:768px){body{font-size:15px}.container{padding:0 .75rem}.page-content{padding:.75rem 0 1.25rem}.card,.form-container{padding:1rem}.form-actions{flex-direction:column;align-items:stretch;gap:.625rem}.form-actions .btn,.form-actions button,.form-actions a{width:100%}.btn{min-height:42px}.btn-sm{min-height:38px}.btn-lg{min-height:46px}.input,.form-control,.form-input,select.form-control,select.form-select,select:not([data-choice]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=search],textarea{min-height:42px;font-size:16px}textarea,textarea.form-control{min-height:100px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:640px}.table th,.table td{padding:.75rem .625rem;white-space:nowrap}.modal,.modal-dialog{width:min(100%,calc(100vw - 1rem));max-width:calc(100vw - 1rem);border-radius:var(--radius-lg)}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn,.modal-footer button,.modal-footer a{width:100%}}@media(max-width:480px){.container{padding:0 .625rem}.card,.form-container{padding:.875rem}.page-title{font-size:1.3rem}.section-title{font-size:.75rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.theme-picker-backdrop.show{opacity:1;visibility:visible}.theme-picker-panel{width:320px;max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);transform:translate(20px);transition:transform var(--duration-normal) var(--ease-spring)}.theme-picker-backdrop.show .theme-picker-panel{transform:translate(0)}.theme-picker-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.theme-picker-title{flex:1;min-width:0;font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin:0}.theme-picker-close{flex-shrink:0;width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem;line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.theme-picker-close:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.theme-picker-close:active{transform:scale(.96)}.theme-picker-body{padding:1.5rem}.theme-section{margin-bottom:1.5rem}.theme-section:last-child{margin-bottom:0}.theme-mode-toggle{display:flex;gap:.5rem}.theme-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.theme-mode-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.theme-mode-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.color-picker-wrap{display:flex;align-items:center;gap:1rem}.color-input{width:56px;height:56px;padding:0;border:none;border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:2px solid var(--border-primary);border-radius:var(--radius-md)}.color-input::-moz-color-swatch{border:2px solid var(--border-primary);border-radius:var(--radius-md)}.color-label{font-size:.875rem;color:var(--text-secondary)}.theme-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.theme-preset{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.theme-preset:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:scale(1.02)}.preset-dot{width:20px;height:20px;border-radius:var(--radius-full);background:var(--preset-color);box-shadow:0 2px 8px color-mix(in srgb,var(--preset-color) 40%,transparent)}.mobile-menu{position:fixed;top:0;left:0;width:100vw;max-width:100vw;height:100dvh;background:var(--bg-overlay);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border-right:1px solid var(--border-primary);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-smooth);display:flex;flex-direction:column}.mobile-menu.show{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) 1rem .875rem;border-bottom:1px solid var(--border-subtle)}.mobile-menu-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.mobile-menu-body{padding:.75rem .75rem max(1rem,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.mobile-menu-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:.9rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.9375rem;font-weight:500;font-family:inherit;line-height:inherit;text-align:left;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all var(--duration-fast) var(--ease-smooth);min-height:46px}button.mobile-menu-item{margin:0}.mobile-menu-item:hover{background:var(--primary-subtle);color:var(--primary)}.mobile-menu-item i{width:20px;text-align:center;color:var(--text-secondary)}.mobile-menu-item:hover i{color:var(--primary)}.mobile-menu-sub{margin:-.15rem 0 .5rem 2.25rem;padding-left:.65rem;border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.125rem}.mobile-menu-sub-item{display:block;padding:.55rem .625rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:.875rem;line-height:1.35;transition:all var(--duration-fast) var(--ease-smooth)}.mobile-menu-sub-item:hover{background:var(--primary-subtle);color:var(--primary)}.mobile-menu-divider{margin:.5rem 0;border-color:var(--border-subtle)}.stat-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);letter-spacing:-.03em;line-height:1}.stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.profile-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-muted)}.profile-card.online:before{content:"";position:absolute;top:1rem;right:1rem;width:12px;height:12px;background:var(--online);border-radius:var(--radius-full);box-shadow:0 0 8px var(--online)}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-full);margin:0 auto 1rem;overflow:hidden;border:3px solid var(--bg-elevated);box-shadow:var(--shadow-md)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.02em}.profile-role{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:var(--accent-dark);background:var(--accent-subtle);border-radius:var(--radius-full);margin-bottom:1rem}.profile-stats{display:flex;justify-content:center;gap:2rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.profile-stat{text-align:center}.profile-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.profile-stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-smooth)}.list-item:hover{background:var(--bg-elevated);border-color:var(--primary-muted);transform:translate(4px)}.list-item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary);border-radius:var(--radius-sm);font-size:1rem}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.list-item-subtitle{font-size:.8125rem;color:var(--text-secondary)}.list-item-action{color:var(--text-muted);transition:color var(--duration-fast)}.list-item:hover .list-item-action{color:var(--primary)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state-icon{font-size:4rem;opacity:.3;margin-bottom:1.5rem}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;max-width:320px;margin:0 auto 1.5rem}.footer{margin-top:auto;padding:2rem 0;border-top:1px solid var(--border-subtle)}.page-header{margin-bottom:2rem}.page-header-actions{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-elevated) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:.75rem}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}@media(max-width:1024px){.hide-lg{display:none!important}}@media(max-width:768px){.hide-md{display:none!important}.page-title{font-size:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}}@media(max-width:640px){.hide-sm{display:none!important}.container{padding:0 .75rem}.card{padding:1rem}}.form-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2rem}.form-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.form-subtitle{color:var(--text-secondary);margin-bottom:2rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--border-subtle)}.checkbox-wrap,.radio-wrap{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-wrap input,.radio-wrap input{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.file-input-wrap{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:2px dashed var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.file-input-wrap:hover{border-color:var(--primary);background:var(--primary-subtle)}.file-input-wrap input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-input-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--primary);font-size:1.25rem}.file-input-text{flex:1}.file-input-title{font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.file-input-hint{font-size:.8125rem;color:var(--text-secondary)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:var(--z-toast);display:flex;flex-direction:column;gap:.75rem}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-overlay);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideUp var(--duration-normal) var(--ease-spring)}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:.75rem}.toast-success .toast-icon{background:var(--success-bg);color:var(--success)}.toast-error .toast-icon{background:var(--danger-bg);color:var(--danger)}.toast-message{flex:1;font-size:.9375rem;font-weight:500}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.toast-close:hover{color:var(--text-primary)}.dashboard-card{display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all var(--duration-normal) var(--ease-smooth)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dashboard-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-subtle);color:var(--primary);font-size:1.25rem;margin-bottom:1rem}.dashboard-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dashboard-card-text{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:992px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.grid-cols-3{grid-template-columns:1fr}}.badge{border:1px solid color-mix(in srgb,currentColor 28%,transparent);box-shadow:0 1px 2px #0000000f}.badge-rank-pill,#modalBadgeRank{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-strong)}.modal-dialog .badge-modal-name,.modal-dialog .badge-name{color:var(--text-primary)}.modal-dialog .badge-modal-desc,.modal-dialog .badge-rank,.modal-dialog .modal-text{color:var(--text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;transition:opacity .25s ease;overscroll-behavior:contain;overflow:hidden;pointer-events:auto}.modal-backdrop.show{display:flex;visibility:visible;opacity:1}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 1);pointer-events:none}.modal-wrapper.show{display:flex}.modal-dialog{background:var(--bg-primary);padding:2.5rem 2rem 2rem;border-radius:var(--radius-2xl);max-width:420px;width:90%;text-align:center;box-shadow:0 25px 60px -15px #00000059;border:1px solid var(--border-subtle);transform:scale(.85) translateY(30px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overscroll-behavior:contain;pointer-events:auto}.modal-wrapper.show .modal-dialog{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--danger-bg);color:var(--danger)}.modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.modal-icon.modal-icon-danger{background:linear-gradient(145deg,var(--danger-bg),hsl(0,70%,90%));color:var(--danger);box-shadow:0 8px 24px #d9262633}.modal-icon.modal-icon-warning{background:linear-gradient(145deg,#fdf4d8,#f7e8ba);color:#da840b;box-shadow:0 8px 24px #f2b90d33}.modal-icon.modal-icon-success{background:linear-gradient(145deg,var(--success-bg),hsl(145,60%,88%));color:var(--success);box-shadow:0 8px 24px #2eb86733}.modal-icon.modal-icon-primary{background:linear-gradient(145deg,var(--primary-subtle),hsla(var(--primary-h),var(--primary-s),85%,1));color:var(--primary);box-shadow:0 8px 24px hsla(var(--primary-h),var(--primary-s),50%,.25)}.modal-icon.modal-icon-accent{background:linear-gradient(145deg,var(--accent-subtle),hsla(var(--accent-h),var(--accent-s),85%,1));color:var(--accent);box-shadow:0 8px 24px hsla(var(--accent-h),var(--accent-s),50%,.25)}.modal-title{margin:0 0 .75rem;font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.modal-text{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.modal-warning{background:#fdf7e2;border:1px solid hsl(45,80%,80%);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.8125rem;color:#98591b;display:flex;align-items:center;gap:.5rem;text-align:left}.modal-warning i{color:#daa60b;flex-shrink:0}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-actions .btn{min-width:120px;padding:.875rem 1.5rem;font-weight:600;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;cursor:pointer;border:none;font-size:.9375rem}.modal-actions .btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.modal-actions .btn-cancel:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.modal-actions .btn-confirm{background:var(--primary);color:var(--primary-text);box-shadow:0 4px 12px hsla(var(--primary-h),var(--primary-s),50%,.3)}.modal-actions .btn-confirm:hover{background:var(--primary-light);box-shadow:0 6px 16px hsla(var(--primary-h),var(--primary-s),50%,.4);transform:translateY(-1px)}.modal-actions .btn-danger{background:var(--danger);color:var(--text-on-danger, white);box-shadow:0 4px 12px #d926264d}.modal-actions .btn-danger:hover{background:#d92626;box-shadow:0 6px 16px #d9262666;transform:translateY(-1px)}@media(max-width:768px){.modal-dialog{max-width:calc(100vw - 2rem);padding:1.75rem 1.25rem 1.5rem}.modal-close{width:28px;height:28px;top:.75rem;right:.75rem;font-size:.8125rem}.modal-icon{width:64px;height:64px;font-size:1.5rem;margin-bottom:1.25rem}.modal-title{font-size:1.125rem;margin-bottom:.625rem}.modal-text{font-size:.875rem;margin-bottom:1.25rem}.modal-actions{flex-direction:column;gap:.625rem}.modal-actions .btn{width:100%;min-width:unset;padding:.8125rem 1.25rem;font-size:.875rem}}@media(max-width:480px){.modal-dialog{max-width:calc(100vw - 1.5rem);padding:1.5rem 1rem 1.25rem}.modal-icon{width:56px;height:56px;font-size:1.25rem}.modal-title{font-size:1rem}.modal-text{font-size:.8125rem}}.form-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:1.5rem}.form-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.form-card-title i{color:var(--primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:.9375rem;color:var(--text-primary);transition:all var(--duration-fast) ease;font-family:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=search],input[type=tel],input[type=url],textarea,select{color:var(--text-primary)!important;background:var(--bg-secondary);border:1px solid var(--border-primary)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:light dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 100px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)}select option{background:var(--bg-secondary);color:var(--text-primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.7}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea{cursor:text}input[type=date],input[type=time],input[type=datetime-local],select{cursor:pointer}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:80px;resize:vertical}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.form-group input[type=checkbox]{width:auto;height:1.125rem;width:1.125rem;cursor:pointer;accent-color:var(--primary)}.form-checkbox{display:flex;align-items:center;gap:.5rem}.form-checkbox label{margin:0;cursor:pointer}.form-errors{background:var(--danger-bg);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem;border:1px solid hsla(0,70%,50%,.2)}.form-errors p{margin:0}.form-errors p+p{margin-top:.25rem}.btn-submit{width:100%;padding:.875rem 1.5rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-submit:hover{background:var(--primary-light);box-shadow:var(--shadow-glow)}.btn-submit:active{transform:scale(.98)}.summary-card{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);padding:1.25rem;margin-top:1.25rem;color:var(--primary-text)}.summary-card-label{font-size:.75rem;opacity:.85;text-transform:uppercase;letter-spacing:.5px}.summary-card-value{font-size:1.75rem;font-weight:700;margin-top:.25rem}.ucb-wrap{position:relative}.ucb-trigger{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;box-sizing:border-box;gap:.5rem}.ucb-trigger.open,.ucb-trigger:hover{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-subtle)}.ucb-selected{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;color:var(--text-primary);font-weight:500}.ucb-placeholder{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;color:var(--text-muted)}.ucb-icons{display:flex;flex-shrink:0;align-items:center;gap:.5rem}.ucb-clear{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;transition:all .15s}.ucb-clear:hover{background:var(--danger-bg);color:var(--danger)}.ucb-arrow{font-size:.75rem;color:var(--text-muted);transition:transform .2s}.ucb-arrow.up{transform:rotate(180deg)}.ucb-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;z-index:200;overflow:hidden}.ucb-search-wrap{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-subtle)}.ucb-search-wrap i{color:var(--text-muted);font-size:.875rem}.ucb-search{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--text-primary);outline:none}.ucb-list{max-height:240px;overflow-y:auto}.ucb-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;cursor:pointer;font-size:.9375rem;color:var(--text-primary);transition:background .15s}.ucb-item:hover{background:var(--bg-secondary)}.ucb-item.active{background:var(--primary-subtle);color:var(--primary);font-weight:600}.ucb-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-subtle);color:var(--primary);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.ucb-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}html,body{overflow-x:hidden;overflow-y:auto}#root{min-height:100dvh}main button,main a,main [role=button],main input,main select,main textarea,main label{pointer-events:auto!important;position:relative}