@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#0f1115;--bg-glass:#191c2499;--bg-glass-hover:#232832cc;--border-glass:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--shadow-glow:0 0 20px #3b82f626;--shadow-card:0 8px 32px #0003}[data-theme=light]{--bg-main:#f1f5f9;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffe6;--border-glass:#00000014;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-glow:0 0 20px #3b82f61a;--shadow-card:0 8px 32px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(at 0 0,#3b82f61a 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61a 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.glass-panel{background:var(--bg-glass)}.glass-card{background:var(--bg-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-card);border-radius:16px;transition:transform .2s,box-shadow .2s,background .2s}.glass-card:hover{background:var(--bg-glass-hover)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:8px;padding:10px 20px;font-weight:500;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-icon{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{background:var(--bg-glass-hover)}.input-field{border:1px solid var(--border-glass);color:var(--text-primary);background:#0000001a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}[data-theme=light] .input-field{background:#ffffff80}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-glass);border-right:1px solid var(--border-glass);flex-direction:column;gap:8px;width:280px;padding:24px;display:flex}.main-content{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.justify-between{justify-content:space-between}.w-full{width:100%}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg, var(--bg-glass) 25%, var(--bg-glass-hover) 50%, var(--bg-glass) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600}.badge-success{color:var(--accent-success);background:#10b98126}.badge-warning{color:var(--accent-warning);background:#f59e0b26}.badge-danger{color:var(--accent-danger);background:#ef444426}.page-title{margin-bottom:8px;font-size:28px;font-weight:700}.page-row,.panel-heading,.modal-title,.modal-actions,.activity-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{align-items:center;gap:14px;padding:20px;display:flex}.stat-card strong{margin-top:4px;font-size:22px;display:block}.stat-icon{background:#ffffff0f;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.panel{padding:24px}.panel h2{margin-bottom:6px;font-size:17px}.activity-list{flex-direction:column;margin-top:16px;display:flex}.activity-row{border-top:1px solid var(--border-glass);justify-content:flex-start;padding:14px 0}.activity-row time{text-align:right;margin-left:auto;font-size:12px}.activity-row p,td small{margin-top:3px;font-size:12px}.amount-positive,.amount-negative{align-items:center;gap:4px;min-width:110px;font-weight:700;display:flex}.amount-positive{color:var(--accent-success)}.amount-negative{color:var(--accent-danger)}.notice{border-radius:8px;padding:12px 16px}.notice-danger,.form-error{color:#fca5a5;background:#ef44441f}.form-success{color:var(--accent-success)}.empty-state{text-align:center;color:var(--text-muted);padding:30px}.search{border:1px solid var(--border-glass);background:var(--bg-glass);border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.search input{color:var(--text-primary);background:0 0;border:0;outline:0;min-width:210px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;border-bottom:1px solid var(--border-glass);padding:15px 18px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px}td small{color:var(--text-muted);display:block}.status-online,.status-offline{font-size:12px;font-weight:600}.status-online{color:var(--accent-success)}.status-offline{color:var(--text-muted)}.action-cell{align-items:center;gap:7px;display:flex}.action-cell>span{max-width:145px;font-size:12px}.action-cell button{color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:7px;padding:7px}.action-cell button:hover{color:var(--accent-danger);background:#ef44441a}.modal-help{font-size:12px;line-height:1.5}.modal-backdrop{z-index:10;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:18px;width:min(100%,430px);padding:24px;display:flex}.modal label,.transaction-form label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.btn-secondary{border:1px solid var(--border-glass);border-radius:8px;padding:10px 18px}.economy-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.transaction-form{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.transaction-form label:first-child,.transaction-form label:nth-child(4),.transaction-form .form-error,.transaction-form .form-success,.transaction-form button{grid-column:1/-1}.economy-total{margin:28px 0 6px;font-size:32px;display:block}.economy-meta{border-top:1px solid var(--border-glass);color:var(--text-secondary);gap:20px;margin-top:24px;padding-top:16px;display:flex}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-glass);width:100%;padding:16px}.main-content{padding:16px}.stat-grid,.economy-grid{grid-template-columns:1fr}.page-row{flex-direction:column;align-items:flex-start}.search,.search input{width:100%}.transaction-form{grid-template-columns:1fr}.transaction-form label,.transaction-form label:first-child,.transaction-form label:nth-child(4){grid-column:auto}.activity-row{flex-wrap:wrap;align-items:flex-start}.activity-row time{width:100%;margin-left:0}}