@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--color-surface:#f8f9fb;--color-surface-elevated:#fff;--color-sidebar:#0f0f17;--color-sidebar-active:#1a1a2e;--color-text-primary:#1a1a2e;--color-text-secondary:#6b7280;--color-text-sidebar:#94a3b8;--color-accent:#4f46e5;--color-accent-light:#e0e7ff;--color-success:#059669;--color-success-light:#d1fae5;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--font-heading:"DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--ease-out:cubic-bezier(.16, 1, .3, 1)}body{font-family:var(--font-body);background:var(--color-surface);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}.app{min-height:100vh;display:flex}.sidebar{background:var(--color-sidebar);width:240px;color:var(--color-text-sidebar);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar .logo{padding:var(--space-6) var(--space-6) var(--space-4)}.sidebar .logo h1{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.sidebar nav{padding:var(--space-2) var(--space-3);flex:1}.sidebar nav button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text-sidebar);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all .15s var(--ease-out);text-align:left;background:0 0;border:none;font-size:.875rem;font-weight:500;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{background:var(--color-sidebar-active);color:#fff}.sidebar nav button span:first-child{text-align:center;width:20px;font-size:1.1rem}.sidebar-stats{padding:var(--space-4) var(--space-6);border-top:1px solid #ffffff0f}.stat-mini{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.stat-mini span{color:var(--color-text-sidebar);font-size:.75rem}.stat-mini strong{font-size:.875rem;font-weight:600;font-family:var(--font-mono);color:#fff}.stat-mini .pos{color:var(--color-success)}.stat-mini .neg{color:var(--color-danger)}.content{padding:var(--space-8);flex:1;max-width:100%;overflow-y:auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-header h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.cards{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);transition:box-shadow .2s var(--ease-out);position:relative}.card:hover{box-shadow:var(--shadow-md)}.card-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:500}.card-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.card-sub{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:.75rem}.card-value.pos{color:var(--color-success)}.card-value.neg{color:var(--color-danger)}.table-wrap{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:var(--color-surface)}th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-surface)}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-ok{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;transition:all .15s var(--ease-out);font-size:.875rem;font-weight:500}.btn:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:#4338ca;border-color:#4338ca}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-success:hover{background:#047857}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:4px 10px;font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);width:100%;font-size:1rem}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-surface-elevated);font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-group input:disabled{background:var(--color-surface);color:var(--color-text-secondary)}.search-bar{margin-bottom:var(--space-4)}.search-bar input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);font-size:.875rem}.search-bar input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .15s var(--ease-out);background:#0f0f1766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-8);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp .2s var(--ease-out);overflow-y:auto}.modal h3{margin-bottom:var(--space-6);font-size:1.25rem;font-weight:700}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.toast{top:var(--space-6);right:var(--space-6);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);z-index:2000;animation:slideIn .2s var(--ease-out);box-shadow:var(--shadow-md);font-size:.875rem;font-weight:500;position:fixed}.toast.success{background:var(--color-success);color:#fff}.toast.error{background:var(--color-danger);color:#fff}.login-screen{background:var(--color-sidebar);background-image:radial-gradient(circle,#4f46e514 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface-elevated);padding:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-card h1{margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.login-card .btn{padding:var(--space-3)}.empty{padding:var(--space-12);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.item-row{gap:var(--space-3);margin-bottom:var(--space-3);align-items:flex-end;display:flex}.btn-remove{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:38px;color:var(--color-danger);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.btn-remove:hover{background:var(--color-danger-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.sidebar{display:none}.content{padding:var(--space-4)}.cards{grid-template-columns:1fr}}:root{font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5}