@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;--ink:#142238;--muted:#8190a3;--blue:#3d72ed;--violet:#7958e8;--line:#e4eaf2;--shadow:0 16px 45px rgba(29,54,91,.08)}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;background:linear-gradient(135deg,#f8faff,#eef3f9);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}aside{width:250px;background:linear-gradient(180deg,#081524,#0d1e32);color:#aebcce;min-height:100vh;padding:28px 17px;display:flex;flex-direction:column;gap:6px;box-shadow:8px 0 30px rgba(8,21,36,.08)}.brand{font-family:'Space Grotesk';color:#fff;font-size:22px;font-weight:700;letter-spacing:-.06em;margin:0 11px 48px}.brand span{color:#7da6ff}aside small{font-size:10px;letter-spacing:.15em;color:#667991;margin:0 11px 9px}aside a{padding:12px 13px;border-radius:10px;transition:.2s}aside a:hover,.active{background:rgba(125,166,255,.13);color:#fff}.logout{margin-top:auto;color:#ffb0b0}main{flex:1;padding:34px clamp(22px,6vw,90px);max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}header small{color:var(--blue);font-weight:800;letter-spacing:.13em;font-size:10px}h1,h2{font-family:'Space Grotesk';letter-spacing:-.055em}h1{font-size:34px;margin:7px 0}.avatar{background:linear-gradient(135deg,#dbe7ff,#ede5ff);color:var(--blue);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.stats,.card{margin-bottom:20px}.stats>div,.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.stats small,.card>small{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.stats strong{display:block;font-family:'Space Grotesk';font-size:29px;margin:14px 0 4px}.stats span,.muted{color:var(--muted)}.card h2{font-size:27px}.card p{line-height:1.75;max-width:720px;color:var(--muted)}.btn{background:linear-gradient(135deg,var(--blue),var(--violet));padding:12px 17px;border-radius:9px;color:#fff;font-weight:700;display:inline-block;box-shadow:0 8px 18px rgba(61,114,237,.18)}.row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;border-top:1px solid var(--line);padding:15px 0;align-items:center}.row a{color:var(--blue);font-weight:700}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;color:var(--ink)}button{border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}@media(max-width:760px){aside{width:76px;padding:20px 9px}aside a,aside small{font-size:0}aside a:before{content:'•';font-size:20px}aside .brand{font-size:0;margin:0 10px 42px}main{padding:24px 16px}.stats{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:5px}}
 .portal-auth{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 0,#dbe7ff,#f4f7fb 58%)}.auth-card{width:min(430px,90%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow);display:grid;gap:14px}.auth-card .brand{margin:0;color:var(--ink);font-size:24px}.auth-card .brand span{color:var(--blue)}.auth-card small{color:var(--blue);font-size:10px;letter-spacing:.14em;font-weight:800}.auth-card h1{margin:0 0 8px}.auth-card a{color:var(--blue);font-weight:700}.error{color:#b94c59;background:#fff1f1;padding:10px;border-radius:8px}
/* Aurora Workspace theme */
body{background:radial-gradient(circle at 90% -10%,rgba(89,132,255,.15),transparent 28%),linear-gradient(135deg,#f9fbff,#edf3fa)}aside{background:linear-gradient(165deg,#071524,#102641 70%,#162c4b);position:relative;overflow:hidden}aside:after{content:'';position:absolute;right:-70px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(98,145,255,.17);filter:blur(34px);pointer-events:none}.brand,aside small,aside a{position:relative;z-index:1}.active{background:linear-gradient(90deg,rgba(121,166,255,.22),rgba(121,166,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 / YOUR WORKSPACE';display:block;color:#98a7ba;font-size:10px;letter-spacing:.16em;margin-bottom:12px;opacity:.78}h1{font-size:38px;background:linear-gradient(100deg,#142238,#3b65c3);-webkit-background-clip:text;background-clip:text;color:transparent}.stats>div{position:relative;overflow:hidden;min-height:138px}.stats>div:after{content:'';position:absolute;right:-32px;bottom:-52px;width:128px;height:128px;border-radius:50%;background:linear-gradient(135deg,rgba(61,114,237,.13),rgba(121,88,232,.03))}.stats strong{position:relative;z-index:1}.card{box-shadow:0 18px 50px rgba(29,54,91,.09)}.card:first-of-type{background:linear-gradient(135deg,#fff,#f4f7ff)}.row{transition:background .2s,padding .2s;border-radius:9px}.row:hover{background:#f5f8fd;padding-left:10px;padding-right:10px}.row a{font-weight:700;color:var(--blue)}.portal-auth:before{content:'EASY SOFT';position:fixed;left:8vw;top:12vh;font-family:'Space Grotesk';font-size:clamp(80px,15vw,210px);font-weight:700;letter-spacing:-.09em;color:rgba(61,114,237,.045);pointer-events:none}.auth-card{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}
textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;color:var(--ink);font:inherit;resize:vertical}
.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)}.support-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;align-items:start}.ticket-new{position:sticky;top:24px}.section-kicker{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.13em}.ticket-new h2,.ticket-list-heading h2{font-size:25px;margin:8px 0 5px}.ticket-new p{margin-top:0}.ticket-composer,.ticket-reply{display:grid;gap:12px}.ticket-composer label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#56667d}.ticket-composer input,.ticket-composer select{font-weight:400}.ticket-composer .btn span{font-size:17px;margin-left:5px}.ticket-list-wrap{min-width:0}.ticket-list-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 14px}.ticket-count{font-size:12px;padding:7px 10px;border-radius:99px;background:#eaf0ff;color:#416bd0;font-weight:700}.ticket-list{display:grid;gap:15px}.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:350px;overflow:auto}.ticket-message{max-width:82%;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{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-message.admin{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;color:var(--ink)}.ticket-reply textarea{background:#fff;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)}.ticket-close{margin-top:10px}.ticket-close button,.admin-ticket-actions .quiet-danger{background:transparent;color:#a04c57;padding:5px 0;font-size:12px}.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:900px){.support-layout{grid-template-columns:1fr}.ticket-new{position:static}.support-intro{padding:22px}.support-intro-icon{display:none}}@media(max-width:560px){.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%}}
