@import "https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,300,400&display=swap";:root{--primary:#4ade80;--primary-hover:#22c55e;--background:#000;--surface:#0f0f0fb3;--surface-hover:#191919cc;--text:#fff;--text-muted:#888;--border:#ffffff14;--border-strong:#ffffff26;--danger:#ef4444;--danger-bg:#ef44441a;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--glass-bg:#0a0a0aa6;--glass-border:#ffffff0d;--shadow:0 8px 32px 0 #0009;--blur:blur(24px);--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-24:1.5rem;--space-32:2rem;--space-48:3rem;--space-64:4rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#4ade8008,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f60a,#0000 25%);background-attachment:fixed;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.glass-panel:hover:before{left:150%}h1{margin-bottom:.5rem;font-size:1.75rem;font-weight:600}h2{font-size:1.25rem;font-weight:600}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.small{font-size:.875rem}.hover-underline:hover{text-decoration:underline}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.data-table th{color:var(--text-muted);background:#0003;font-weight:500}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.full-width{width:100%}.icon-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative}.icon-button:hover{color:var(--text);background-color:#ffffff0d}.badge{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;display:flex;position:absolute;top:2px;right:2px}.form-group{margin-bottom:var(--space-24)}.form-group label{margin-bottom:var(--space-8);color:var(--text-muted);font-size:.875rem;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select{background-color:var(--background);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:.625rem 1rem;font-size:.875rem;transition:all .2s}input:focus,select:focus{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-strong);background-color:var(--surface-hover);outline:none}select option{background-color:var(--surface);color:var(--text)}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.5rem}.input-with-icon .icon{position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.checkbox-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.app-container{height:100vh;display:flex;overflow:hidden}.main-content-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.sidebar{border-right:1px solid var(--border);z-index:10;flex-direction:column;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;height:70px;padding:0 1.5rem;display:flex}.logo-placeholder{background:linear-gradient(135deg, var(--primary), #60a5fa);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.logo-placeholder.lg{width:48px;height:48px;margin:0 auto 1rem;font-size:1.25rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--surface-hover);color:var(--text);transform:translate(4px)}.nav-item.active{color:var(--primary);background-color:#2563eb1a}.sidebar-footer{border-top:1px solid var(--border);padding:1.5rem 1rem}.header{border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.search-bar{background-color:#0003;border:1px solid #0000;border-radius:20px;align-items:center;gap:.5rem;width:300px;padding:.5rem 1rem;transition:all .2s;display:flex}.search-bar:focus-within{border-color:var(--primary);background-color:#0006}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;width:100%;padding:0}.header-actions{align-items:center;gap:1.5rem;display:flex}.user-profile{cursor:pointer;align-items:center;gap:.75rem;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:.875rem;font-weight:500}.user-role{color:var(--text-muted);font-size:.75rem}.auth-container{justify-content:center;align-items:center;height:100vh;padding:1rem;display:flex}.auth-card{border-radius:16px;width:100%;max-width:400px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.form-options{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card{border-radius:12px;padding:2rem}.settings-form{max-width:600px}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#0000001a;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;transition:all .2s;display:flex}.upload-zone:hover{border-color:var(--primary);background:#2563eb0d}.color-picker-wrapper{align-items:center;gap:1rem;display:flex}.color-picker{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:8px;width:40px;height:40px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:8px}.color-hex{background:#0003;border-radius:4px;padding:.25rem .75rem;font-family:monospace}.verify-modal-right{border-left:1px solid var(--border);width:500px}.bottom-nav{display:none}@media (width<=768px){.page-container{padding:1rem 1rem 5rem}.grid{grid-template-columns:1fr}table{white-space:nowrap;display:block;overflow-x:auto}.sidebar{display:none}.sidebar.open{background:var(--surface);z-index:105;height:100vh;display:flex;position:fixed;top:0;bottom:0;transform:none}.bottom-nav{background-color:var(--surface);border-top:1px solid var(--border);z-index:100;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:.7rem;display:flex}.bottom-nav-item.active{color:var(--primary)}.modal-content{width:95%;max-height:90vh;padding:1.5rem}.header{padding:0 1rem}.search-bar{display:none}.mobile-logo{display:flex!important}.main-content{padding:1rem;padding-bottom:calc(64px + env(safe-area-inset-bottom) + 1rem)}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.verify-modal-overlay{flex-direction:column!important}.verify-modal-left{display:none!important}.verify-modal-right{border-top:1px solid var(--border);border-left:none!important;flex:1!important;width:100%!important;height:100vh!important}}