:root{--bg:#0b1020;--panel:#121a2e;--panel2:#18223a;--text:#edf2ff;--muted:#8f9ab5;--line:#263250;--accent:#7c5cff;--accent2:#22c55e;--danger:#fb7185;--shadow:0 20px 50px rgba(0,0,0,.22)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,#172044 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(13,19,36,.9);backdrop-filter:blur(20px);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 24px}.logo span,.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#39bdf8);font-weight:800;font-size:22px;box-shadow:0 10px 25px rgba(124,92,255,.3)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;color:var(--muted);border-radius:12px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:white}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;display:flex;justify-content:space-between;color:var(--muted)}.main{padding:28px 34px;min-width:0}.main header{display:flex;align-items:center;margin-bottom:24px}.main header h1{margin:0;font-size:28px}.main header p{margin:4px 0 0;color:var(--muted)}.menu-button{display:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metrics article,.card{background:linear-gradient(180deg,rgba(24,34,58,.95),rgba(18,26,46,.95));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.metrics article{padding:20px}.metrics span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.metrics strong{font-size:24px}.metrics small{display:block;color:var(--muted);margin-top:8px}.card{padding:22px;margin-bottom:18px}.card h2{font-size:18px;margin:0 0 18px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title h2{margin:0}.card-title a,.card-title span{color:var(--muted);font-size:13px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stack{display:grid;gap:13px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-form h3{grid-column:1/-1;margin:14px 0 0;color:#c7d2fe}.span-2{grid-column:1/-1}label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;background:#0d1427;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.15)}textarea{resize:vertical}.btn{border:1px solid var(--line);background:var(--panel2);color:white;border-radius:11px;padding:11px 15px;cursor:pointer;font-weight:700}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent),#5b7cff);border:0}.btn.small{padding:8px 10px;font-size:12px}.wide{width:100%}.link{border:0;background:none;color:#a5b4fc;cursor:pointer;padding:4px}.danger{color:var(--danger)!important}.positive{color:#4ade80!important}.negative{color:#fb7185!important}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;border:1px solid var(--line)}.alert.success{background:rgba(34,197,94,.12);color:#86efac}.alert.error{background:rgba(251,113,133,.12);color:#fda4af}.muted,.empty{color:var(--muted)}.table-card{padding:0;overflow:hidden}.table-card .card-title{padding:20px 22px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 18px;border-top:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}th{color:var(--muted);font-weight:600;background:rgba(8,13,26,.3)}td small{display:block;color:var(--muted);margin-top:4px}.right{text-align:right}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#24304d;color:#cbd5e1;font-size:11px}.badge.paid{background:rgba(34,197,94,.15);color:#86efac}.badge.planned{background:rgba(124,92,255,.18);color:#c4b5fd}.badge.cancelled{background:rgba(251,113,133,.12);color:#fda4af}.account-list>div,.activity>div,.status-list>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.account-list>div:first-child,.activity>div:first-child,.status-list>div:first-child{border-top:0}.account-list span,.activity span{display:grid;gap:4px}.account-list small,.activity small,.status-list small{color:var(--muted)}.status-list>div{display:grid;grid-template-columns:1fr auto}.status-list small{grid-column:1/-1}.calculation{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#0d1427;border-radius:12px;padding:14px}.calculation strong{font-size:22px}.inline{display:flex;align-items:center;gap:8px}.inline select{min-width:130px}.month-switch,.upload-form{display:flex;gap:10px;align-items:center;margin-bottom:18px}.month-switch input{max-width:200px}.auth-body{display:grid;place-items:center;padding:30px}.auth-card,.install-card{width:min(430px,100%);background:rgba(18,26,46,.96);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.install-card{width:min(850px,100%)}.auth-card .brand-mark,.install-card .brand-mark{margin-bottom:18px}.auth-card h1,.install-card h1{margin:0 0 6px}.auth-card form{display:grid;gap:14px;margin-top:24px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:auto}.menu-button{background:transparent;border:0;color:white;font-size:22px;margin-right:10px}code{background:#0d1427;padding:3px 6px;border-radius:6px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.three-cols{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;transition:.2s;width:250px}.sidebar.open{left:0}.main{padding:20px 14px}.menu-button{display:block}.metrics{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr}.span-2,.grid-form h3{grid-column:auto}.month-switch,.upload-form{align-items:stretch;flex-direction:column}.auth-body{padding:14px}.auth-card,.install-card{padding:22px}.inline{min-width:310px}}