@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f4f7fb;--surface:#fff;--ink:#142238;--muted:#7d8b9e;--blue:#3d72ed;--violet:#7958e8;--line:#e7ecf3;--shadow:0 16px 45px rgba(29,54,91,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f5f8fc,#eef3f9);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif;display:flex;min-height:100vh}aside{width:250px;min-height:100vh;background:linear-gradient(180deg,#081524,#0d1e32);color:#aebcce;padding:28px 17px;display:flex;flex-direction:column;gap:6px;box-shadow:8px 0 30px rgba(8,21,36,.08)}.logo{font-family:'Space Grotesk';font-size:22px;font-weight:700;letter-spacing:-.06em;color:#fff;margin:0 11px 48px}.logo span{color:#7da6ff}aside small{font-size:10px;letter-spacing:.16em;color:#667991;margin:0 11px 9px}aside a{padding:12px 13px;border-radius:10px;color:#aebcce;transition:.2s}aside a:hover,aside a.active{background:rgba(125,166,255,.13);color:#fff}aside .logout{margin-top:auto;color:#ffb0b0}main{flex:1;padding:34px clamp(22px,5vw,78px);max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}h1,h2{font-family:'Space Grotesk';letter-spacing:-.055em}h1{font-size:34px;margin:7px 0}header small{color:var(--blue);letter-spacing:.13em;font-size:10px;font-weight:800}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#dbe7ff,#ede5ff);color:var(--blue);display:grid;place-items:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stats>div,.welcome,.table,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:var(--shadow)}.stats small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em}.stats strong{display:block;font-family:'Space Grotesk';font-size:29px;margin:16px 0 5px}.stats span{color:var(--muted);font-size:12px}.welcome{margin-top:20px;max-width:820px}.welcome small{color:var(--blue);font-weight:800;letter-spacing:.1em}.welcome h2{font-size:28px;max-width:630px}.welcome p{color:var(--muted);line-height:1.75;max-width:650px}.welcome a{color:var(--blue);font-weight:700}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.toolbar p{color:var(--muted)}button,.btn{border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(61,114,237,.18)}button:hover,.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 10px 15px}td{border-top:1px solid var(--line);padding:15px 10px}td small{display:block;color:var(--muted);margin-top:4px}.status{font-size:11px;padding:5px 9px;border-radius:99px}.on{background:#e5f7ed;color:#148048}.off{background:#fbe9e9;color:#b64a4a}dialog{border:0;border-radius:18px;box-shadow:0 25px 90px rgba(15,35,60,.25)}dialog::backdrop{background:rgba(8,21,36,.35);backdrop-filter:blur(4px)}.form{display:grid;gap:13px;min-width:min(420px,80vw)}.form input,.form select{padding:12px;border:1px solid var(--line);border-radius:9px}.auth{display:grid;place-items:center;width:100%;min-height:100vh;background:radial-gradient(circle at 50% 0,#dde8ff,#f4f7fb 55%)}.panel{display:grid;gap:14px;width:min(440px,90%)}.panel h1{font-size:29px}.error{color:#b64a4a;background:#fff1f1;padding:10px;border-radius:8px}@media(max-width:900px){aside{width:76px;padding:20px 9px}aside a,aside small{font-size:0}aside a:before{content:'•';font-size:20px}aside .logo{font-size:0;margin:0 10px 42px}.stats{grid-template-columns:1fr 1fr}main{padding:25px 18px}}@media(max-width:580px){.stats{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.table{overflow:auto}}
/* Command Center theme */
body{background:radial-gradient(circle at 75% -10%,rgba(83,111,255,.12),transparent 28%),linear-gradient(135deg,#f7f9fd,#edf2f8)}body:after{content:'';position:fixed;right:7vw;top:5vh;width:280px;height:280px;border:1px solid rgba(88,120,240,.1);border-radius:50%;box-shadow:0 0 0 32px rgba(88,120,240,.025),0 0 0 64px rgba(88,120,240,.02);pointer-events:none}aside{position:relative;overflow:hidden;background:linear-gradient(165deg,#071322 0%,#0b1d33 55%,#102743 100%);border-right:1px solid rgba(255,255,255,.06)}aside:after{content:'';position:absolute;left:-70px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:rgba(78,130,255,.15);filter:blur(35px);pointer-events:none}.logo{position:relative;z-index:1}.active{position:relative;background:linear-gradient(90deg,rgba(101,148,255,.22),rgba(101,148,255,.06))!important;border:1px solid rgba(125,166,255,.18);box-shadow:inset 3px 0 #7da6ff}main{position:relative;z-index:1}main:before{content:'EASY SOFT / OPERATIONS';display:block;color:#9aabc0;font-size:10px;letter-spacing:.16em;margin-bottom:12px;opacity:.72}h1{font-size:38px;background:linear-gradient(100deg,#142238,#385fbc);-webkit-background-clip:text;background-clip:text;color:transparent}.stats>div{position:relative;overflow:hidden;min-height:145px}.stats>div:after{content:'';position:absolute;right:-30px;bottom:-48px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(61,114,237,.13),rgba(121,88,232,.03))}.stats strong{position:relative;z-index:1}.welcome{position:relative;overflow:hidden;background:linear-gradient(135deg,#132b4b,#1b3760);color:#fff;border:0}.welcome p,.welcome small{color:#c8d7eb}.welcome h2{color:#fff}.welcome a{color:#9dc0ff}.welcome:after{content:'✦';position:absolute;right:70px;top:35px;color:rgba(157,192,255,.35);font-size:90px}.table{box-shadow:0 18px 50px rgba(29,54,91,.1)}th{background:#f8faff;padding-top:13px}td{background:#fff}.form h2{margin-top:0}.auth .panel{border-top:4px solid var(--blue)}
aside a{color:#b9c8da!important;text-decoration:none;font-weight:600}aside a:hover,aside a.active{color:#fff!important;text-decoration:none}aside .logout{color:#ffb0b0!important}
.billing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.action-card{min-height:245px}.action-card h2{margin:9px 0 6px}.action-card p{color:var(--muted);line-height:1.6;max-width:440px}.action-card .form{min-width:0;margin-top:18px}.action-card select{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;color:var(--ink)}.notice{color:#148048;background:#e8f8ef;border:1px solid #c8edd8;padding:11px 14px;border-radius:10px}.table-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.table-heading small{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.12em}.table-heading h2{margin:7px 0 0}.table-heading>span{font-size:12px;color:var(--muted)}.payment-review{display:flex;gap:6px;align-items:center}.payment-review input{min-width:150px}.payment-review button{padding:8px 10px;font-size:12px}@media(max-width:800px){.billing-actions{grid-template-columns:1fr}.payment-review{align-items:stretch;flex-direction:column}.payment-review input{min-width:0}}
.support-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px;padding:25px 28px;border-radius:18px;background:linear-gradient(120deg,#142d50,#244d89);color:#fff;box-shadow:0 18px 45px rgba(28,65,120,.18);overflow:hidden;position:relative}.support-intro:after{content:'';position:absolute;right:80px;bottom:-95px;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.025)}.support-intro small{color:#a8c5ff;letter-spacing:.14em;font-size:10px;font-weight:800}.support-intro h2{margin:8px 0 6px;font-size:28px;color:#fff}.support-intro p{margin:0;color:#ccdaf0;max-width:650px;line-height:1.6}.support-intro-icon{position:relative;z-index:1;width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:18px;display:grid;place-items:center;font-size:28px;color:#bcd1ff;background:rgba(255,255,255,.08)}.admin-ticket-list{display:grid;gap:16px}.ticket-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow)}.ticket-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.ticket-ref{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.02em}.ticket-card h3{font:700 18px 'Space Grotesk';margin:7px 0 0;color:var(--ink)}.ticket-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ticket-chip{font-size:10px;padding:6px 9px;border-radius:99px;font-weight:800;white-space:nowrap}.status-open{background:#e8f8ef;color:#148048}.status-in_progress{background:#eaf0ff;color:#416bd0}.status-resolved{background:#f1edff;color:#6c4bc4}.status-closed{background:#eef1f5;color:#718096}.priority-normal{background:#f1f4f8;color:#66758a}.priority-high{background:#fff3db;color:#9a6400}.priority-urgent{background:#ffe8e8;color:#b43d48}.ticket-thread{display:grid;gap:10px;margin:18px 0;padding:15px;background:#f5f8fc;border:1px solid #edf1f6;border-radius:14px;max-height:360px;overflow:auto}.ticket-message{max-width:78%;padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.55;word-break:break-word}.ticket-message small{display:block;font-size:10px;font-weight:800;opacity:.68;margin-bottom:4px}.ticket-message.client{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;color:var(--ink)}.ticket-message.admin{margin-left:auto;background:linear-gradient(135deg,#4c7ff0,#7059db);color:#fff;border-bottom-right-radius:4px;box-shadow:0 8px 16px rgba(70,99,207,.14)}.ticket-reply{display:grid;gap:12px}.ticket-reply textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;color:var(--ink);font:inherit;resize:vertical;min-height:70px}.ticket-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-reply-actions span{font-size:11px;color:var(--muted)}.admin-ticket-actions{display:flex;justify-content:flex-end;margin-top:10px}.admin-ticket-actions form{display:flex;gap:12px;align-items:center}.admin-ticket-actions button{background:transparent;color:#416bd0;padding:5px 0;font-size:12px;box-shadow:none}.admin-ticket-actions .quiet-danger{color:#a04c57}.ticket-closed{padding:12px 14px;background:#f5f7fa;border-radius:10px;color:var(--muted);font-size:12px}.empty-state{text-align:center;padding:55px 20px;background:#fff;border:1px dashed #ccd6e4;border-radius:17px}.empty-icon{font-size:34px;color:#7d9fea}.empty-state h3{margin:8px 0 4px;font:700 20px 'Space Grotesk'}.empty-state p{color:var(--muted);margin:0}@media(max-width:700px){.ticket-head{display:grid}.ticket-meta{justify-content:flex-start}.ticket-message{max-width:92%}.ticket-reply-actions{align-items:flex-start;flex-direction:column}.ticket-reply-actions .btn{width:100%}.admin-ticket-actions form{width:100%;justify-content:space-between}}