:root{--navy:#0f2747;--blue:#1e63e9;--cyan:#12b6c8;--text:#1f2937;--muted:#6b7280;--line:#e5eaf1;--soft:#f5f8fc;--green:#15a36b;--red:#d84242;--shadow:0 14px 36px rgba(15,39,71,.10)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:var(--soft);color:var(--text)}a{text-decoration:none;color:inherit}input,select,textarea,button{font:inherit}.portal-container{width:min(1180px,calc(100% - 28px));margin:auto}.portal-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.portal-top .portal-container{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.portal-brand{display:flex;gap:10px;align-items:center}.portal-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:900;font-size:20px}.portal-brand b{display:block}.portal-brand small{display:block;color:var(--muted);font-size:11px}.portal-top nav{display:flex;gap:5px;flex-wrap:wrap}.portal-top nav a{padding:9px 10px;border-radius:10px;color:#536176;font-size:13px;font-weight:700}.portal-top nav a:hover{background:#eef4ff;color:var(--blue)}.portal-main{padding:26px 0 60px}.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.portal-welcome small{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em}.portal-welcome h1{margin:4px 0;font-size:31px;color:var(--navy)}.portal-welcome p{margin:0;color:var(--muted)}.portal-btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),#4a8aff);color:#fff;padding:11px 15px;font-weight:800;cursor:pointer}.portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.portal-stats>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.portal-stats span{font-size:25px}.portal-stats b{display:block;font-size:28px;margin:7px 0;color:var(--navy)}.portal-stats small{color:var(--muted)}.portal-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.portal-card h2{margin-top:0;color:var(--navy)}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.license-row,.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.license-row:last-child,.ticket-row:last-child{border-bottom:0}.license-row b,.ticket-row b{display:block}.license-row small,.ticket-row small{display:block;color:var(--muted);margin-top:3px}.portal-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf1f6;color:#556274;font-size:10px;text-transform:uppercase;font-weight:900}.portal-badge.active,.portal-badge.paid{background:#dff6eb;color:#087a4d}.portal-badge.suspended,.portal-badge.revoked,.portal-badge.unpaid{background:#fde6e6;color:#a52d2d}.portal-table{overflow:auto;border:1px solid var(--line);border-radius:14px}.portal-table table{border-collapse:collapse;width:100%;white-space:nowrap}.portal-table th,.portal-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.portal-table th{background:#f8fafc;color:var(--muted);font-size:11px}.portal-table td small{display:block;color:var(--muted);margin-top:3px}.portal-form{display:grid;gap:12px}.portal-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.portal-form input,.portal-form select,.portal-form textarea{border:1px solid #dbe3ed;border-radius:11px;padding:11px;outline:none}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{border-color:#77a4ff;box-shadow:0 0 0 4px rgba(30,99,233,.10)}.ticket-message{padding:14px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:#f9fbfd}.ticket-message.admin{background:#eef6ff;border-color:#d6e8ff}.ticket-message b{display:block}.ticket-message small{color:var(--muted)}.ticket-message p{margin-bottom:0}.portal-alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.portal-alert.success{background:#e5f7ed;color:#126640}.portal-alert.danger{background:#fdeaea;color:#9c2929}.portal-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#e7f3ff,#f6f8fc 55%)}.login-shell{width:min(450px,calc(100% - 28px))}.login-shell>.portal-brand{margin-bottom:14px;justify-content:center}.login-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.login-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#eef4ff;font-size:30px}.login-panel h1{margin:16px 0 4px;color:var(--navy)}.login-panel>p{margin:0 0 20px;color:var(--muted)}.login-panel form{display:grid;gap:13px}.login-panel label{display:grid;gap:6px;font-weight:700}.login-panel input{border:1px solid #dce4ee;border-radius:11px;padding:12px}.login-panel button{border:0;border-radius:12px;padding:12px;background:var(--navy);color:#fff;font-weight:900}.login-help{text-align:center;color:var(--muted);font-size:12px;margin-top:16px}
@media(max-width:850px){.portal-top .portal-container{height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.portal-top nav{width:100%;overflow:auto;white-space:nowrap}.portal-stats{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:1fr}.portal-welcome{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.portal-stats{grid-template-columns:1fr}.portal-welcome h1{font-size:26px}.portal-card{padding:15px}}