:root{--bg:#0b1220;--panel:#111a2b;--panel-2:#18243a;--text:#e5edff;--muted:#9fb0d0;--accent:#5b8cff;--accent-2:#7c5cff;--border:#253455}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 10% 0%, #132240, var(--bg));color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.card{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 45px #00000059}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin:0 0 18px}.app-page{max-width:1420px;margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.topbar h1{margin:0}.topbar-actions{color:var(--muted);align-items:center;gap:10px;display:flex}.tabs{gap:8px;margin-bottom:14px;display:flex}.tab{color:var(--muted);border:1px solid var(--border);background:#0f1728}.tab.active{color:#fff;background:linear-gradient(90deg, var(--accent), var(--accent-2));border:none}.badge{border-radius:999px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.role-admin{color:#a8c0ff;background:#5b8cff33}.role-editor{color:#c4b4ff;background:#7c5cff33}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.services-top-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.card{min-width:0;margin-bottom:14px;padding:16px}.card h2{margin-top:0;font-size:18px}.stack-form{gap:10px;min-width:0;display:grid}.compact-form input,.compact-form select,.compact-form button{width:100%}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}input,select,button{font:inherit;border:1px solid var(--border);border-radius:10px;min-width:0;padding:10px 12px}input,select{color:var(--text);background:#0f1728;width:100%}button{color:#fff;cursor:pointer;background:linear-gradient(90deg, var(--accent), var(--accent-2));white-space:nowrap;border:none;font-weight:600}button:hover{filter:brightness(1.07)}button.ghost{background:#223353}button.danger-btn{background:linear-gradient(90deg,#e06b6b,#c84545)}button:disabled{opacity:.55;cursor:not-allowed}.alert{color:#ffd2d2;background:#f675751f;border:1px solid #f6757573;border-radius:10px;margin-top:12px;padding:10px}.muted{color:var(--muted);margin:10px 0}.table-card{overflow:auto}.table-actions-row{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.filters-row{gap:10px;margin-bottom:10px;display:grid}.filters-rich{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(170px,1fr));align-items:start}.multi-filter{border:1px solid var(--border);background:#0f1728;border-radius:10px;padding:8px 10px}.multi-filter summary{cursor:pointer;color:var(--muted)}.multi-filter-list{gap:6px;max-height:180px;margin-top:8px;display:grid;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1180px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px}th{color:var(--muted);cursor:pointer;font-weight:600}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.checkbox-row{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.chips-wrap{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{color:#d2def9;background:#203252;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 10px;display:inline-flex}.chip button{color:#f6b4b4;background:0 0;border:none;padding:0;font-weight:700}.mini-table-wrap{max-height:260px;overflow:auto}.mini-table{width:100%;min-width:520px}.date-green{color:#63d79a;font-weight:700}.date-yellow{color:#e8db76;font-weight:700}.date-soft-red{color:#ff9b9b;font-weight:700}.date-red{color:#ff5a5a;font-weight:800}.accounts-grid{grid-template-columns:repeat(2,minmax(320px,1fr))}.accounts-card{grid-column:1/-1;overflow-x:auto}.accounts-card table{min-width:1240px}@media (width<=1200px){.filters-rich{grid-template-columns:1fr 1fr}}@media (width<=900px){.filters-rich{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:8px}.accounts-grid{grid-template-columns:1fr}}.responsible-card{grid-column:1/-1}.responsible-table-wrap{overflow:visible}.responsible-table{table-layout:fixed;width:100%;min-width:0}.responsible-table th,.responsible-table td{white-space:normal;word-break:break-word}.responsive-user-form{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:end}.top-row-card{min-height:230px}.full-width-card{grid-column:1/-1}.add-service-form{grid-template-columns:repeat(6,minmax(140px,1fr));align-items:end}