:root{--font-sans:"Inter", -apple-system, system-ui, sans-serif;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--color-bg-app:#0b0f1a;--color-bg-surface:#1e293b80;--color-bg-surface-solid:#1e293b;--color-bg-soft:#0f172a66;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-text-primary:#f8fafc;--color-text-muted:#94a3b8;--color-text-ghost:#64748b;--color-primary:#6366f1;--color-primary-end:#a855f7;--color-primary-hover:#7c3aed;--color-primary-glow:#6366f166;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#fb7185;--color-info:#38bdf8;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-premium:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d;--shadow-glow:0 4px 15px -1px var(--color-primary-glow);--transition-fast:.15s cubic-bezier(.2, .8, .2, 1);--transition-base:.3s cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:light){:root{--color-bg-app:#f8fafc;--color-bg-surface:#fff;--color-bg-surface-solid:#fff;--color-bg-soft:#f1f5f9;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-text-primary:#0f172a;--color-text-muted:#64748b;--color-text-ghost:#94a3b8}}.form-field{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-base);appearance:none;padding:.85rem 1rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-ghost)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg-soft)}.form-input.is-error,.form-textarea.is-error,.form-select.is-error{border-color:var(--color-danger)}.form-textarea{resize:vertical;min-height:120px}.form-helper{color:var(--color-text-ghost);font-size:.75rem;line-height:1.4}.form-error{font-size:.725rem;font-weight:var(--font-weight-semibold);color:var(--color-danger)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:.75rem 1.25rem;line-height:1.2;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px -1px var(--color-primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{color:var(--color-text-primary);background:var(--color-bg-surface);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-surface-solid);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:#ffffff0a}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-muted);background:#ffffff14;transform:translateY(-1px)}.btn-danger{color:#fff;background:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#f43f5e;transform:translateY(-1px)}.card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);transition:var(--transition-base);position:relative;overflow:hidden}.card-soft{background:var(--color-bg-soft);border-color:#0000}.card-body{padding:2rem}.card:hover{border-color:var(--color-border-hover)}.badge{padding:4px var(--space-md);font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:50px;align-items:center;line-height:1.2;display:inline-flex}.badge-success{color:#065f46;background:#34d39926;border:1px solid #34d3994d}.badge-warning{color:#92400e;background:#fbbf2426;border:1px solid #fbbf244d}.badge-danger{color:#991b1b;background:#fb718526;border:1px solid #fb71854d}.badge-neutral{color:var(--color-text-muted);background:var(--color-bg-soft);border:1px solid var(--color-border)}.text-muted{color:var(--color-text-muted)}.text-ghost{color:var(--color-text-ghost)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}*{box-sizing:border-box}body{font-family:var(--font-sans);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}p{margin:0}button,input,textarea,select{font-family:inherit}.toast-container{z-index:999999;pointer-events:none;isolation:isolate;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;pointer-events:auto;opacity:0;align-items:center;gap:.75rem;min-width:280px;max-width:400px;padding:.875rem 1.25rem;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;transform:translate(2rem);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.toast--visible{opacity:1;transform:translate(0)}.toast--success{-webkit-backdrop-filter:blur(16px);color:var(--color-success);background:#34d39940;border:1px solid #34d39966;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 20px #34d39933}.toast--error{-webkit-backdrop-filter:blur(16px);color:var(--color-danger);background:#fb718540;border:1px solid #fb718566;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 20px #fb718533}.toast--info{-webkit-backdrop-filter:blur(16px);color:var(--color-info);background:#38bdf840;border:1px solid #38bdf866;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 20px #38bdf833}.toast-icon{stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.user-dropdown{position:relative}.user-badge{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);transition:var(--transition-base);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:12px;padding:6px 14px 6px 6px;display:flex}.user-badge:hover{background:var(--color-bg-surface-solid);border-color:var(--color-border-hover);transform:translateY(-2px)}.user-avatar{width:38px;height:38px;font-weight:var(--font-weight-black);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;box-shadow:0 4px 10px #0000004d}.user-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-size:.9rem}.user-chevron{width:14px;height:14px;stroke:var(--color-text-muted);stroke-width:2.2px;fill:none}.dropdown-menu{background:var(--color-bg-surface-solid);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-md);width:260px;box-shadow:var(--shadow-premium);z-index:9999;padding:.6rem;animation:.2s cubic-bezier(.16,1,.3,1) dropdownEnter;position:absolute;top:calc(100% + 12px);right:0}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.75rem 1rem}.dropdown-label{font-size:.65rem;font-weight:var(--font-weight-black);color:var(--color-text-ghost);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.dropdown-email{color:var(--color-text-primary);font-size:.85rem;font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-divider{background:var(--color-border);height:1px;margin:.5rem .4rem}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-muted);font-size:.85rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:.75rem 1rem;display:flex}.dropdown-item:hover{color:var(--color-text-primary);background:#ffffff0d}.dropdown-item-danger{color:var(--color-danger)}.dropdown-item-danger:hover{background:#fb71851a}.dropdown-icon{stroke:currentColor;stroke-width:2.2px;fill:none;width:18px;height:18px}.logo{transition:var(--transition-base);cursor:pointer;align-items:center;gap:14px;text-decoration:none;display:flex}.logo:hover .logo-icon{box-shadow:0 6px 16px var(--color-primary-glow);transform:scale(1.05)rotate(5deg)}.logo:hover .logo-text{color:var(--color-text-primary)}.logo-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);box-shadow:0 4px 12px var(--color-primary-glow);transition:var(--transition-base);will-change:transform;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:translateZ(0)}.logo-sm .logo-icon{border-radius:8px;width:32px;height:32px}.logo-md .logo-icon{border-radius:12px;width:40px;height:40px}.logo-lg .logo-icon{border-radius:14px;width:48px;height:48px}.logo-svg{stroke:#fff;stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}.logo-sm .logo-svg{width:18px;height:18px}.logo-md .logo-svg{width:22px;height:22px}.logo-lg .logo-svg{width:28px;height:28px}.logo-text{font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:-.05em;transition:var(--transition-base);font-size:1.6rem}.logo-sm .logo-text{font-size:1.2rem}.logo-md .logo-text{font-size:1.6rem}.logo-lg .logo-text{font-size:2rem}.sidebar{-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--color-border);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#94a3b838 transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#0f172ae6;flex-direction:column;width:280px;min-width:280px;padding:2.5rem 1.25rem;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1),padding .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar-collapsed{width:72px;min-width:72px;padding:2.5rem .75rem}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b833 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar:hover::-webkit-scrollbar-thumb{background:#94a3b857 padding-box padding-box}.sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;min-height:40px;margin-bottom:3.5rem;padding-left:.5rem;display:flex}.sidebar-collapsed .sidebar-header{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding-left:0}.sidebar-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-ghost);cursor:pointer;background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-toggle:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:#ffffff14}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex-direction:column;display:flex}.nav-section{margin-bottom:.5rem}.nav-section-label{font-size:.65rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-ghost);white-space:nowrap;margin:1.5rem 0 .75rem .75rem;transition:opacity .18s,margin .18s;overflow:hidden}.sidebar-collapsed .nav-section-label{opacity:0;pointer-events:none;height:0;margin-top:.75rem;margin-bottom:.25rem;margin-left:0}.nav-section-divider{background:var(--color-border);height:1px;margin:.5rem .25rem;display:block}.nav-item{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:14px;width:100%;margin-bottom:.25rem;padding:.85rem 1rem;font-size:.875rem;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.nav-item:hover{color:var(--color-text-primary);background:#ffffff0a}.nav-item.active{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);color:#fff;box-shadow:0 8px 20px -4px var(--color-primary-glow)}.nav-item.collapsed-icon{justify-content:center;gap:0;padding:.85rem}.nav-label{white-space:nowrap;transition:opacity .18s,max-width .18s;overflow:hidden}.sidebar-collapsed .nav-label{opacity:0;pointer-events:none;max-width:0}.nav-item.has-children .chevron{opacity:.5;margin-left:auto;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.nav-item.has-children.expanded .chevron{opacity:1;transform:rotate(180deg)}.sub-menu-wrapper{will-change:height, opacity;margin-bottom:.5rem;overflow:hidden}.sub-item{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);font-weight:var(--font-weight-medium);align-items:center;margin-bottom:.15rem;padding:.75rem 1rem .75rem 2.85rem;font-size:.8rem;text-decoration:none;transition:background .18s,color .18s;display:flex;position:relative}.sub-item:before{content:"";background:var(--color-text-ghost);border-radius:50%;width:4px;height:4px;transition:background .18s,box-shadow .18s;position:absolute;left:1.35rem}.sub-item:hover{color:var(--color-text-primary);background:#ffffff08}.sub-item.active{color:var(--color-text-primary);background:#6366f11a}.sub-item.active:before{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.icon{stroke-width:2.2px;stroke:currentColor;fill:none;flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:1.5rem}.logout-button{width:100%;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.875rem;font-weight:500;transition:background .18s,color .18s;display:flex}.logout-button:hover{color:var(--color-text-primary);background:#ffffff0d}.sidebar-collapsed .logout-button{justify-content:center;gap:0;padding:.85rem}.sidebar-flyout{z-index:9999;-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:#0f172af7;min-width:200px;padding:.5rem;animation:.16s cubic-bezier(.2,.8,.2,1) both flyout-in;position:fixed;box-shadow:0 16px 40px #0009,0 0 0 1px #ffffff0a}.sidebar-flyout:before{content:"";width:12px;height:100%;position:absolute;top:0;left:-12px}@keyframes flyout-in{0%{opacity:0;transform:translate(-6px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.flyout-label{font-size:.65rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-ghost);padding:.4rem .75rem .6rem}.flyout-item{border-radius:var(--radius-sm);font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;padding:.65rem .75rem;text-decoration:none;transition:background .14s,color .14s;display:block}.flyout-item:hover{color:var(--color-text-primary);background:#ffffff0f}.flyout-item.active{color:var(--color-text-primary);background:#6366f126}.sidebar-tooltip{z-index:9999;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;background:#0f172af7;padding:.4rem .75rem;animation:.14s cubic-bezier(.2,.8,.2,1) both flyout-in;position:fixed;transform:translateY(-50%);box-shadow:0 8px 24px #00000080}@media (width<=1024px){.sidebar{display:none}}.app-layout{height:100vh;display:flex;overflow:hidden}.main-container{flex-direction:column;flex:1;min-width:0;transition:margin-left .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--color-border);z-index:100;background:0 0;flex-shrink:0;justify-content:flex-end;align-items:center;padding:1.25rem 3rem;display:flex;position:relative}.content{background:var(--color-bg-app);flex:1;padding:2rem 3rem;overflow-y:auto}@media (width<=1024px){.app-header,.content{padding-left:var(--space-xl);padding-right:var(--space-xl)}}.auth-layout{background:var(--color-bg-app);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.page-shell{max-width:1200px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:2.5rem;display:flex}.page-header-content{flex:1}.page-header-title{font-size:1.75rem;font-weight:var(--font-weight-black);letter-spacing:-.04em;color:var(--color-text-primary);margin:0 0 .25rem}.page-header-description{color:var(--color-text-muted);margin:0;font-size:.875rem}.page-header-actions{gap:var(--space-sm);display:flex}.stat-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-premium);transition:var(--transition-base);padding:1.75rem}.stat-card:hover{border-color:var(--color-primary);background:var(--color-bg-surface-solid);transform:translateY(-6px)}.stat-label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:.6rem;display:flex}.stat-value{font-size:2rem;font-weight:var(--font-weight-black);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1}.stat-change{font-size:.75rem;font-weight:var(--font-weight-bold);margin-top:10px}.stat-change-positive{color:var(--color-success)}.stat-change-negative{color:var(--color-danger)}.stat-change-neutral{color:var(--color-text-muted)}.activity-list{flex-direction:column;gap:.75rem;display:flex}.activity-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-content{align-items:center;gap:1rem;display:flex}.activity-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-indicator-success{background:var(--color-success)}.activity-indicator-info{background:var(--color-info)}.activity-indicator-warning{background:var(--color-warning)}.activity-indicator-error{background:var(--color-danger)}.activity-message{color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-weight-medium)}.activity-timestamp{color:var(--color-text-ghost);font-size:.7rem;font-weight:var(--font-weight-bold);flex-shrink:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);padding:2rem}.dashboard-card-title{font-size:1.1rem;font-weight:var(--font-weight-black);color:var(--color-text-primary);margin:0 0 1.5rem}.loading-state{color:var(--color-text-muted);justify-content:center;align-items:center;padding:48px;display:flex}.form-message{border-radius:var(--radius-md);font-size:.8rem;font-weight:var(--font-weight-semibold);opacity:0;border:1px solid #0000;align-items:center;max-height:0;margin-bottom:0;padding:0 .75rem;transition:max-height .22s ease-in-out,opacity .22s ease-in-out,margin-bottom .22s ease-in-out,transform .22s ease-in-out;display:flex;overflow:hidden;transform:translateY(-4px)}.form-message--in{opacity:1;max-height:3rem;margin-bottom:.75rem;transform:translateY(0)}.form-message--success{color:var(--color-success);background:#34d39926;border-color:#34d3994d;min-height:2rem}.form-message--error{color:var(--color-danger);background:#fb718526;border-color:#fb71854d;min-height:2rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:2.75rem}.password-toggle{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:flex;position:absolute;right:.75rem}.password-toggle:hover{color:var(--color-text-primary);background:#ffffff0d}.password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.password-toggle svg{stroke-linecap:round;stroke-linejoin:round}.uf-form{flex-direction:column;display:flex}.uf-section-title{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-ghost);border-bottom:1px solid var(--color-border);margin:0 0 1rem;padding-bottom:.5rem}.uf-section-title--secondary{margin-top:.5rem}.uf-section-divider{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:1rem}.uf-field{flex-direction:column;gap:.45rem;margin-bottom:1.1rem;display:flex}.uf-field--row{flex-direction:row;justify-content:space-between;align-items:center}.uf-label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.uf-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-base);box-sizing:border-box;width:100%;padding:.8rem 1rem}.uf-input::placeholder{color:var(--color-text-ghost)}.uf-input:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.uf-input:disabled{opacity:.55;cursor:not-allowed}.uf-input--error{border-color:var(--color-danger)!important}.uf-field-error{font-size:.72rem;font-weight:var(--font-weight-semibold);color:var(--color-danger)}.uf-toggle{background:var(--color-bg-surface-solid);border:1px solid var(--color-border);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s,border-color .2s;position:relative}.uf-toggle--on{background:var(--color-primary);border-color:var(--color-primary)}.uf-toggle-thumb{background:var(--color-text-ghost);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.uf-toggle--on .uf-toggle-thumb{background:#fff;transform:translate(18px)}.uf-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.um-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);overflow:hidden}.um-toolbar{align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem;display:flex}.um-search-wrap{flex:1;max-width:360px;position:relative}.um-search-icon{color:var(--color-text-ghost);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.um-search{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:var(--transition-base);padding:.6rem 1rem .6rem 2.5rem;font-size:.875rem}.um-search::placeholder{color:var(--color-text-ghost)}.um-search:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.um-table{border-collapse:collapse;width:100%}.um-table th{text-align:left;font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-ghost);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.um-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding:1.1rem 1.25rem;font-size:.875rem}.um-row{cursor:pointer;transition:var(--transition-base)}.um-row:hover{background:#ffffff08}.um-row:last-child td{border-bottom:none}.um-cell{align-items:center;gap:12px;display:flex}.um-avatar{background:var(--color-bg-surface-solid);width:34px;height:34px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.um-cell-info{flex-direction:column;gap:2px;display:flex}.um-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.um-username{color:var(--color-text-muted);font-size:.75rem}.um-phone{font-weight:var(--font-weight-semibold)}.um-access{color:var(--color-text-ghost);margin-top:2px;font-size:.75rem}.um-badge{font-size:.72rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:50px;align-items:center;padding:3px 10px;display:inline-flex}.um-updated{color:var(--color-text-ghost);font-weight:var(--font-weight-medium)}.um-empty{text-align:center;color:var(--color-text-ghost);padding:3rem;font-size:.875rem}.um-total{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-ghost);margin-left:auto}.um-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:var(--transition-base);background:#0009;position:fixed;inset:0}.um-drawer-overlay.active{opacity:1;visibility:visible}.um-drawer{-webkit-backdrop-filter:blur(24px);z-index:101;background:#0f172ae6;border-left:1px solid #ffffff1f;flex-direction:column;width:460px;padding:2.5rem;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #00000080,-2px 0 12px #0000004d}.um-drawer.active{transform:translate(0)}.um-drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.um-drawer-title{font-size:1.4rem;font-weight:var(--font-weight-black);margin:0 0 .2rem}.um-drawer-subtitle{color:var(--color-text-muted);margin:0;font-size:.875rem}.um-drawer-close{background:var(--color-bg-surface-solid);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.um-drawer-close:hover{background:var(--color-border-hover);transform:rotate(90deg)}.um-drawer-avatar{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);width:80px;height:80px;font-size:2rem;font-weight:var(--font-weight-black);color:#fff;box-shadow:var(--shadow-glow);border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 2rem;display:flex;overflow:hidden}.um-drawer-avatar img{object-fit:cover;width:100%;height:100%}.um-drawer-body{flex-direction:column;flex:1;gap:1rem;display:flex}.um-info-panel{background:var(--color-bg-soft);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.25rem}.um-info-label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-ghost);margin-bottom:.5rem}.um-info-value{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.um-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.um-status-dot[data-status=Active]{background:var(--color-success)}.um-status-dot[data-status=Pending]{background:var(--color-warning)}.um-status-dot[data-status=Inactive]{background:var(--color-text-ghost)}.um-drawer-footer{gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.um-drawer-footer .btn{flex:1}.btn-danger{color:var(--color-danger)!important}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-ghost:hover{border-color:var(--color-border-hover);background:#ffffff14}.um-create-card{margin-bottom:var(--space-xl);padding:1.75rem}.um-create-header{border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:.875rem}.um-create-title{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.um-drawer-loading{color:var(--color-text-ghost);flex:1;justify-content:center;align-items:center;font-size:.875rem;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.empty-state-title{margin:0 0 var(--space-sm) 0;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.empty-state-description{color:var(--color-text-muted);margin:0;font-size:14px}.cm-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);overflow:hidden}.cm-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.cm-search-wrap{flex:1;max-width:360px;position:relative}.cm-search-icon{color:var(--color-text-ghost);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.cm-search{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:var(--transition-base);padding:.6rem 1rem .6rem 2.5rem;font-size:.875rem}.cm-search::placeholder{color:var(--color-text-ghost)}.cm-search:focus,.cm-filter-select:focus,.cm-page-size:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.cm-filter-select,.cm-page-size{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.82rem;font-weight:var(--font-weight-semibold);padding:.6rem .75rem}.cm-sort-btn{min-width:116px}.cm-total{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-ghost);margin-left:auto}.cm-table{border-collapse:collapse;width:100%}.cm-table th{text-align:left;font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-ghost);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.cm-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;font-size:.875rem}.cm-col-commission,.cm-cell-commission,.cm-col-rate,.cm-cell-rate{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cm-meta-text{color:var(--color-text-muted)}.cm-money{font-weight:var(--font-weight-medium)}.cm-money--positive{color:var(--color-success)}.cm-money--negative{color:var(--color-danger)}.cm-money--neutral{color:var(--color-text-muted)}.cm-text-rate{color:var(--color-primary);font-weight:var(--font-weight-bold)}.cm-text-status-success{color:var(--color-success);font-weight:var(--font-weight-bold)}.cm-text-status-danger{color:var(--color-danger);font-weight:var(--font-weight-bold)}.cm-text-status-pending{color:var(--color-warning);font-weight:var(--font-weight-bold)}.cm-text-status-neutral{color:var(--color-text-muted)}.cm-row{cursor:pointer;transition:var(--transition-base)}.cm-row:hover{background:#ffffff08}.cm-row:last-child td{border-bottom:none}.cm-id,.cm-user{font-weight:var(--font-weight-semibold)}.cm-badge{font-size:.72rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.cm-badge--success{color:var(--color-success);background:#34d3991f;border-color:#34d3993d}.cm-badge--pending{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b3d}.cm-badge--failed,.cm-badge--cancelled{color:var(--color-danger);background:#fb71851f;border-color:#fb71853d}.cm-badge--tone-neutral{color:var(--color-text-muted);background:#94a3b81f;border-color:#94a3b83d}.cm-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.82rem;font-weight:var(--font-weight-semibold);background:#fb718526;border:1px solid #fb718552;margin:1rem;padding:.85rem}.cm-pagination{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.cm-pagination-left,.cm-pagination-right{align-items:center;gap:.75rem;display:flex}.cm-page-range,.cm-page-index{font-size:.78rem;font-weight:var(--font-weight-semibold);color:var(--color-text-ghost)}.cm-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:var(--transition-base);background:#0009;position:fixed;inset:0}.cm-drawer-overlay.active{opacity:1;visibility:visible}.cm-drawer{-webkit-backdrop-filter:blur(24px);z-index:101;background:#0f172ae6;border-left:1px solid #ffffff1f;flex-direction:column;width:500px;padding:2rem;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #00000080,-2px 0 12px #0000004d}.cm-drawer.active{transform:translate(0)}.cm-drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.cm-drawer-title{font-size:1.25rem;font-weight:var(--font-weight-black);color:var(--color-text-primary);margin:0 0 .3rem}.cm-drawer-subtitle{color:var(--color-text-muted);margin:0;font-size:.825rem}.cm-drawer-close{background:var(--color-bg-surface-solid);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.cm-drawer-close:hover{background:var(--color-border-hover);transform:rotate(90deg)}.cm-drawer-body{flex-direction:column;gap:1rem;display:flex}.cm-info-panel{background:var(--color-bg-soft);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1rem}.cm-info-label{font-size:.68rem;font-weight:var(--font-weight-black);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-ghost);margin-bottom:.8rem}.cm-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;display:grid}.cm-detail-item{flex-direction:column;gap:.25rem;display:flex}.cm-detail-item-label{color:var(--color-text-ghost);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:var(--font-weight-bold)}.cm-detail-item-value{color:var(--color-text-primary);font-size:.85rem;font-weight:var(--font-weight-semibold);word-break:break-word}.cm-drawer-loading,.cm-drawer-empty{text-align:center;color:var(--color-text-ghost);padding:2rem 0;font-size:.875rem}.cm-drawer-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.82rem;font-weight:var(--font-weight-semibold);background:#fb718526;border:1px solid #fb718552;margin-top:.5rem;padding:.85rem}.btn-primary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.cm-table td.cm-meta-text,.cm-detail-item-value.cm-meta-text{color:var(--color-text-muted)}.cm-table td.cm-cell-commission.cm-money,.cm-detail-item-value.cm-money{font-weight:var(--font-weight-medium);letter-spacing:.01em}.cm-table td.cm-cell-commission.cm-money--positive,.cm-detail-item-value.cm-money--positive{color:var(--color-success)}.cm-table td.cm-cell-commission.cm-money--negative,.cm-detail-item-value.cm-money--negative{color:var(--color-danger)}.cm-table td.cm-cell-commission.cm-money--neutral,.cm-detail-item-value.cm-money--neutral{color:var(--color-text-muted)}.cm-table td.cm-cell-rate.cm-text-rate,.cm-detail-item-value.cm-text-rate{color:var(--color-primary);font-weight:var(--font-weight-bold)}.cm-drawer-subtitle.cm-text-status-success,.cm-detail-item-value.cm-text-status-success{color:var(--color-success);font-weight:var(--font-weight-bold)}.cm-drawer-subtitle.cm-text-status-danger,.cm-detail-item-value.cm-text-status-danger{color:var(--color-danger);font-weight:var(--font-weight-bold)}.cm-drawer-subtitle.cm-text-status-pending,.cm-detail-item-value.cm-text-status-pending{color:var(--color-warning);font-weight:var(--font-weight-bold)}.cm-drawer-subtitle.cm-text-status-neutral,.cm-detail-item-value.cm-text-status-neutral{color:var(--color-text-muted)}@media (width<=1100px){.cm-toolbar{flex-wrap:wrap}.cm-total{margin-left:0}}@media (width<=900px){.cm-table th,.cm-table td{padding:.85rem}.cm-drawer{width:min(100%,460px)}}@media (width<=760px){.cm-pagination{flex-direction:column;align-items:flex-start}.cm-pagination-right{justify-content:space-between;width:100%}.cm-detail-grid{grid-template-columns:1fr}}.cc-grid{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cc-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);padding:1.75rem}.cc-card-title{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 1rem}.cc-rate-value{font-size:2.4rem;font-weight:var(--font-weight-black);letter-spacing:-.04em;color:var(--color-text-primary);line-height:1}.cc-rate-hint{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.8rem}.cc-meta{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.cc-meta-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cc-meta-label{font-size:.72rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-ghost)}.cc-meta-value{font-size:.82rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right;word-break:break-word}.cc-form{flex-direction:column;display:flex}.cc-label{font-size:.72rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.5rem}.cc-input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);width:100%;color:var(--color-text-primary);font-size:.9rem;font-weight:var(--font-weight-medium);transition:var(--transition-base);padding:.82rem .95rem}.cc-input:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.cc-input:disabled{opacity:.65;cursor:not-allowed}.cc-input-error{border-color:var(--color-danger)}.cc-helper{color:var(--color-text-ghost);margin:.5rem 0 0;font-size:.78rem}.cc-field-error{color:var(--color-danger);font-size:.78rem;font-weight:var(--font-weight-semibold);margin:.45rem 0 0}.cc-actions{margin-top:1.25rem}.cc-btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.72rem 1.25rem;display:inline-flex}.cc-btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);color:#fff;box-shadow:var(--shadow-glow)}.cc-btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.cc-btn:disabled{opacity:.55;cursor:not-allowed}.cc-error-card{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);border:1px solid #fb71854d;max-width:720px;padding:1.5rem}.cc-error-title{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-danger);margin:0}.cc-error-message{color:var(--color-text-muted);margin:.55rem 0 1rem;font-size:.82rem}@media (width<=940px){.cc-grid{grid-template-columns:1fr}}.cus-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);overflow:hidden}.cus-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.cus-search-wrap{flex:1;max-width:420px;position:relative}.cus-search-icon{color:var(--color-text-ghost);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.cus-search{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:var(--transition-base);padding:.6rem 1rem .6rem 2.5rem;font-size:.875rem}.cus-search::placeholder{color:var(--color-text-ghost)}.cus-search:focus,.cus-page-size:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.cus-sort-btn{min-width:116px}.cus-total{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text-ghost);margin-left:auto}.cus-table{border-collapse:collapse;width:100%}.cus-table th{text-align:left;font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-ghost);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.cus-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:top;padding:1rem 1.25rem;font-size:.875rem}.cus-row{cursor:pointer;transition:var(--transition-base)}.cus-row:hover{background:#ffffff08}.cus-row:last-child td{border-bottom:none}.cus-cell{align-items:flex-start;gap:12px;display:flex}.cus-avatar{background:var(--color-bg-surface-solid);width:34px;height:34px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.cus-cell-info{flex-direction:column;gap:2px;display:flex}.cus-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cus-username{color:var(--color-text-muted);font-size:.75rem}.cus-phone{color:var(--color-text-ghost);font-size:.75rem}.cus-wallet-grid{color:var(--color-text-muted);font-size:.78rem;font-weight:var(--font-weight-semibold);flex-direction:column;gap:.25rem;display:flex}.cus-wallet-line{align-items:baseline;gap:.35rem;display:inline-flex}.cus-wallet-key{color:var(--color-text-ghost);font-weight:var(--font-weight-bold);min-width:1rem}.cus-money{font-weight:var(--font-weight-medium)}.cus-money--positive{color:var(--color-success)}.cus-money--negative{color:var(--color-danger)}.cus-money--neutral{color:var(--color-text-muted)}.cus-badge{font-size:.72rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;display:inline-flex}.cus-badge--active{color:var(--color-success);background:#34d3991f;border-color:#34d3993d}.cus-badge--inactive{color:var(--color-text-ghost);background:#94a3b81f;border-color:#94a3b840}.cus-badge--deleted{color:var(--color-danger);background:#fb71851f;border-color:#fb71853d}.cus-action-btn{padding:.45rem .7rem;font-size:.75rem}.cus-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.82rem;font-weight:var(--font-weight-semibold);background:#fb718526;border:1px solid #fb718552;margin:1rem;padding:.85rem}.cus-pagination{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.cus-pagination-left,.cus-pagination-right{align-items:center;gap:.75rem;display:flex}.cus-page-range,.cus-page-index{font-size:.78rem;font-weight:var(--font-weight-semibold);color:var(--color-text-ghost)}.cus-page-size{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.82rem;font-weight:var(--font-weight-semibold);padding:.55rem .75rem}.cus-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;transition:var(--transition-base);background:#0009;position:fixed;inset:0}.cus-drawer-overlay.active{opacity:1;visibility:visible}.cus-drawer{-webkit-backdrop-filter:blur(24px);z-index:101;background:#0f172ae6;border-left:1px solid #ffffff1f;flex-direction:column;width:500px;padding:2rem;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px #00000080,-2px 0 12px #0000004d}.cus-drawer.active{transform:translate(0)}.cus-drawer-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.cus-drawer-title{font-size:1.25rem;font-weight:var(--font-weight-black);color:var(--color-text-primary);margin:0 0 .3rem}.cus-drawer-subtitle{color:var(--color-text-muted);margin:0;font-size:.825rem}.cus-drawer-close{background:var(--color-bg-surface-solid);width:32px;height:32px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.cus-drawer-close:hover{background:var(--color-border-hover);transform:rotate(90deg)}.cus-drawer-body{flex-direction:column;gap:1rem;display:flex}.cus-drawer-footer{gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.cus-drawer-footer .btn{flex:1}.cus-info-panel{background:var(--color-bg-soft);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1rem}.cus-info-label{font-size:.68rem;font-weight:var(--font-weight-black);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-ghost);margin-bottom:.8rem}.cus-password-note{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.5}.cus-password-form{flex-direction:column;display:flex}.cus-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;display:grid}.cus-detail-item{flex-direction:column;gap:.25rem;display:flex}.cus-detail-item-label{color:var(--color-text-ghost);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:var(--font-weight-bold)}.cus-detail-item-value{color:var(--color-text-primary);font-size:.85rem;font-weight:var(--font-weight-semibold);word-break:break-word}.cus-detail-item-value.cus-money{font-weight:var(--font-weight-medium)}.cus-drawer-loading,.cus-drawer-empty{text-align:center;color:var(--color-text-ghost);padding:2rem 0;font-size:.875rem}.cus-drawer-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.82rem;font-weight:var(--font-weight-semibold);background:#fb718526;border:1px solid #fb718552;margin-top:.5rem;padding:.85rem}.cus-edit-form{flex-direction:column;display:flex}.cus-edit-field{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.cus-edit-field--row{flex-direction:row;justify-content:space-between;align-items:center}.cus-edit-label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.cus-edit-input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);width:100%;color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-base);padding:.8rem 1rem}.cus-edit-input:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.cus-edit-input:disabled{opacity:.55;cursor:not-allowed}.cus-edit-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.8rem;font-weight:var(--font-weight-semibold);background:#fb718526;border:1px solid #fb71854d;margin-bottom:.5rem;padding:.75rem}.cus-edit-actions{justify-content:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.cus-toggle{background:var(--color-bg-surface-solid);border:1px solid var(--color-border);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s,border-color .2s;position:relative}.cus-toggle--on{background:var(--color-primary);border-color:var(--color-primary)}.cus-toggle-thumb{background:var(--color-text-ghost);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.cus-toggle--on .cus-toggle-thumb{background:#fff;transform:translate(18px)}.cus-toggle:disabled{opacity:.5;cursor:not-allowed}.btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.25rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn-ghost{border-color:var(--color-border);color:var(--color-text-primary);background:#ffffff0a}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-hover);background:#ffffff14}.btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1100px){.cus-toolbar{flex-wrap:wrap}.cus-total{margin-left:0}}@media (width<=900px){.cus-table th,.cus-table td{padding:.85rem}.cus-drawer{width:min(100%,460px)}}@media (width<=760px){.cus-pagination{flex-direction:column;align-items:flex-start}.cus-pagination-right{justify-content:space-between;width:100%}.cus-detail-grid{grid-template-columns:1fr}}.txd-drawer{width:560px}.txd-timeline{flex-direction:column;gap:.75rem;display:flex}.txd-timeline-item{align-items:flex-start;gap:.75rem;display:flex}.txd-timeline-dot{border:2px solid #0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem}.txd-dot--success{background:var(--color-success);border-color:#34d3994d}.txd-dot--danger{background:var(--color-danger);border-color:#fb71854d}.txd-dot--pending{background:var(--color-warning);border-color:#f59e0b4d}.txd-dot--neutral{background:var(--color-text-ghost);border-color:#94a3b84d}.txd-timeline-content{flex:1;min-width:0}.txd-timeline-status{font-size:.82rem;font-weight:var(--font-weight-semibold);flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.txd-arrow{color:var(--color-text-ghost);font-size:.75rem}.txd-timeline-note{color:var(--color-text-muted);margin-top:.2rem;font-size:.78rem}.txd-timeline-meta{color:var(--color-text-ghost);gap:.75rem;margin-top:.25rem;font-size:.72rem;display:flex}.txd-log-block{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:.6rem;overflow:hidden}.txd-log-block:last-child{margin-bottom:0}.txd-log-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem .85rem;display:flex}.txd-log-action{font-size:.8rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex:1;min-width:0}.txd-log-actor{font-size:.72rem}.txd-log-time{margin-left:auto;font-size:.72rem}.txd-log-data{flex-direction:column;gap:0;display:flex}.txd-log-data>div{border-bottom:1px solid var(--color-border);padding:.6rem .85rem}.txd-log-data>div:last-child{border-bottom:none}.txd-log-data-label{font-size:.65rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-ghost);margin-bottom:.35rem}.txd-log-pre{color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;max-height:160px;margin:0;font-family:Menlo,Monaco,Consolas,monospace;font-size:.72rem;line-height:1.55;overflow-y:auto}.cm-badge--completed{color:var(--color-success);background:#34d3991f;border-color:#34d3993d}.cm-badge--created{color:var(--color-primary);background:#6366f11f;border-color:#6366f13d}@media (width<=900px){.txd-drawer{width:min(100%,520px)}}.auth-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);width:100%;max-width:480px;padding:2rem}.auth-logo-container{justify-content:center;margin-bottom:1.5rem;display:flex}.auth-logo-container .logo{pointer-events:none}.auth-title{font-size:1.75rem;font-weight:var(--font-weight-black);letter-spacing:-.04em;text-align:center;background:linear-gradient(to bottom right, #fff 40%, var(--color-text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem}.auth-subtitle{color:var(--color-text-muted);text-align:center;max-width:380px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:.875rem}.auth-form{flex-direction:column;display:flex}.auth-field{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.auth-field label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.auth-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-base);padding:.85rem 1rem}.auth-field input::placeholder{color:var(--color-text-ghost)}.auth-field input:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.auth-button{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-glow);border:none;margin-top:.5rem;padding:.75rem 1.25rem}.auth-button:hover:not(:disabled){box-shadow:0 8px 25px -1px var(--color-primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.auth-button:active{transform:translateY(1px)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.8rem;font-weight:var(--font-weight-semibold);background:#fb718526;border:1px solid #fb71854d;margin-bottom:1rem;padding:.75rem}.auth-success{border-radius:var(--radius-md);color:var(--color-success);font-size:.8rem;font-weight:var(--font-weight-semibold);background:#34d39926;border:1px solid #34d3994d;margin-bottom:1rem;padding:.75rem}.auth-links{gap:var(--space-sm);text-align:center;color:var(--color-text-muted);flex-direction:column;margin-top:1.5rem;font-size:.8rem;display:flex}.auth-links a{color:var(--color-primary);font-weight:var(--font-weight-bold);transition:var(--transition-base);margin-left:5px;text-decoration:none}.auth-links a:hover{color:var(--color-primary-end)}.profile-sections{gap:var(--space-xl);max-width:600px;margin-top:var(--space-xl);flex-direction:column;display:flex}.profile-card{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);padding:2rem}.profile-section-title{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 .875rem}.profile-form{flex-direction:column;display:flex}.profile-field{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.profile-field label{font-size:.7rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.profile-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);transition:var(--transition-base);box-sizing:border-box;width:100%;padding:.85rem 1rem}.profile-field input:focus{border-color:var(--color-primary);background:#0f172ab3;outline:none;box-shadow:0 0 0 4px #6366f11a}.profile-input-disabled{opacity:.6;cursor:not-allowed}.profile-input-mismatch{border-color:var(--color-danger)!important}.profile-input-wrap{align-items:center;display:flex;position:relative}.profile-input-wrap input{padding-right:2.75rem}.profile-eye-btn{cursor:pointer;color:var(--color-text-ghost);transition:var(--transition-fast);background:0 0;border:none;padding:0;font-size:1rem;line-height:1;position:absolute;right:.75rem}.profile-eye-btn:hover{color:var(--color-text-muted)}.profile-field-error{font-size:.725rem;font-weight:var(--font-weight-semibold);color:var(--color-danger)}.profile-alert{border-radius:var(--radius-md);font-size:.8rem;font-weight:var(--font-weight-semibold);margin-bottom:1rem;padding:.75rem}.profile-alert--error{color:var(--color-danger);background:#fb718526;border:1px solid #fb71854d}.profile-alert--success{color:var(--color-success);background:#34d39926;border:1px solid #34d3994d}.profile-button{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-end) 100%);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-glow);border:none;align-self:flex-start;margin-top:.5rem;padding:.75rem 1.25rem}.profile-button:hover:not(:disabled){box-shadow:0 8px 25px -1px var(--color-primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.profile-button:active{transform:translateY(1px)}.profile-button:disabled{opacity:.5;cursor:not-allowed}.profile-error{border-radius:var(--radius-md);color:var(--color-danger);font-size:.8rem;font-weight:var(--font-weight-semibold);margin-top:var(--space-xl);background:#fb718526;border:1px solid #fb71854d;padding:.75rem}