:root{--nav:#101828;--primary:#635bff;--bg:#f6f7fb;--border:#e5e7eb;--text:#1d2939;--muted:#667085;--green:#12b76a;--red:#f04438;--amber:#f79009}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:var(--nav);color:#d0d5dd;padding:26px 16px;display:flex;flex-direction:column;position:fixed;width:245px;height:100vh}.brand{font-size:21px;font-weight:750;color:white;padding:0 10px 28px}.brand span,.auth-brand span{display:inline-grid;place-items:center;background:var(--primary);border-radius:9px;width:38px;height:38px;margin-right:8px;color:white;font-weight:800}nav{display:grid;gap:5px}nav a{padding:11px 13px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:14px}nav a:hover,nav a.active{background:#344054;color:#fff}nav b{width:20px;text-align:center}.aside-user{margin-top:auto;border-top:1px solid #344054;padding:18px 10px 0;display:grid;gap:4px}.aside-user small{color:#98a2b3}.aside-user a{font-size:12px;color:#b9b5ff;margin-top:5px}main{grid-column:2}header{height:90px;background:white;border-bottom:1px solid var(--border);padding:18px 30px;display:flex;align-items:center;justify-content:space-between}header h1{font-size:22px;margin:0}header p{font-size:12px;color:var(--muted);margin:4px 0 0}.content{padding:28px;max-width:1500px;margin:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:white;padding:10px 15px;border-radius:8px;font-weight:650;font-size:13px;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.danger{color:var(--red)}.btn.small{padding:7px 10px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.toolbar form{display:flex;gap:8px;flex:1}.toolbar input{max-width:350px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card,.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.card small{color:var(--muted)}.card strong{display:block;font-size:26px;margin:9px 0}.card em{font-size:12px;color:var(--muted);font-style:normal}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel h2{font-size:16px;margin:0 0 16px}table{width:100%;border-collapse:collapse;background:white}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px;border-bottom:1px solid var(--border)}td{padding:13px 12px;border-bottom:1px solid #f0f1f3;font-size:13px}tr:last-child td{border-bottom:0}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:auto}.badge{font-size:11px;font-weight:700;border-radius:20px;padding:5px 9px;background:#f2f4f7}.badge.active,.badge.paid,.badge.confirmed{background:#ecfdf3;color:#027a48}.badge.overdue,.badge.expired,.badge.cancelled,.badge.voided{background:#fef3f2;color:#b42318}.badge.pending,.badge.scheduled,.badge.partial,.badge.prospect{background:#fffaeb;color:#b54708}.form-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid h3{grid-column:1/-1;margin:12px 0 0}.form-grid label{font-size:13px;font-weight:650;display:grid;gap:7px}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;padding:10px 11px;background:#fff;font:inherit}textarea{min-height:90px;resize:vertical}.alert{padding:13px 15px;border-radius:8px;margin-bottom:18px;background:#ecfdf3;color:#027a48}.alert.error{background:#fef3f2;color:#b42318}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;grid-column:1}.auth-card,.install-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px;width:min(100%,430px);box-shadow:0 20px 50px rgba(16,24,40,.08)}.install-card{width:min(100%,720px)}.auth-brand{text-align:center;margin-bottom:25px}.auth-brand span{margin:0 0 12px}.auth-brand h1{margin:0 0 6px}.auth-brand p{margin:0;color:var(--muted)}.auth-card form{display:grid;gap:16px}.empty{text-align:center;padding:36px;color:var(--muted)}.mobile-menu{display:none}.text-red{color:var(--red)}@media(max-width:900px){.shell{display:block}aside{transform:translateX(-100%);transition:.2s;z-index:10}aside.open{transform:translateX(0)}main{grid-column:auto}.mobile-menu{display:block;border:0;background:none;font-size:22px}.cards{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}header{padding:15px}.content{padding:15px}}@media(max-width:560px){.cards,.form-grid{grid-template-columns:1fr}.full,.form-grid h3{grid-column:1}.toolbar{display:grid}.toolbar form{display:grid}.toolbar input{max-width:none}}