:root{--brand:#d8127e;--brand-2:#b10f67;--accent:#f04ea7;--bg:#f6f8fb;--card:#ffffff;--text:#102027;--muted:#5b6b78;--border:#e6ebf0;--shadow:0 8px 24px rgba(16,32,39,.08);--success:#1f9d63;--warning:#d98a12;--danger:#c53d3d}.theme-dark{--brand:#d8127e;--brand-2:#b10f67;--accent:#ff74bd;--bg:linear-gradient(160deg,#384357 0%,#0e2030 100%);--card:#0f1a2b;--text:#e7eef5;--muted:#a8b3c1;--border:rgba(255,255,255,.06);--shadow:0 8px 24px rgba(0,0,0,.35);--success:#3ecf8e;--warning:#f0b24e;--danger:#ff8c8c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .25s,color .25s,background .25s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100%;display:flex;flex-direction:column}.container{max-width:1180px;margin:0 auto;padding:24px;width:100%}.header{position:sticky;top:0;z-index:30;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.theme-dark .header{background:#0b1220b8}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}.logo{display:flex;align-items:center;gap:14px}.logo-mark{height:56px;width:56px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff}.brand-stack{display:grid;gap:2px}.brand{font-weight:800;letter-spacing:.2px;color:var(--brand);font-size:1.12rem}.brand-sub{color:var(--muted);font-size:.9rem;max-width:34ch;line-height:1.35}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-chip{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:#1020270d;border:1px solid var(--border);color:var(--muted);font-size:.86rem;font-weight:700}.theme-dark .header-chip{background:#ffffff0d}.theme-toggle,.ghost-button,.button,.status-pill{border-radius:12px}.theme-toggle,.ghost-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-dark .theme-toggle,.theme-dark .ghost-button{background:#ffffff08}.theme-toggle:hover,.ghost-button:hover{transform:translateY(-1px);border-color:#d8127e59}.ghost-button.is-active{border-color:#d8127e66;background:#d8127e14;color:#8c0d52}.theme-dark .ghost-button.is-active{color:#ffc4e3;background:#ff74bd24}.theme-toggle:disabled,.ghost-button:disabled,.button:disabled{opacity:.65;cursor:not-allowed;transform:none}.user-pill{display:inline-flex;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(216,18,126,.22);background:#d8127e14;color:#8c0d52;font-weight:700}.theme-dark .user-pill{color:#ffc4e3;background:#ff74bd24;border-color:#ff74bd42}.theme-toggle svg{width:18px;height:18px;display:block}.hero{display:grid;gap:18px;padding:28px 0 14px}.hero-card,.hero-summary,.panel,.ticket-card,.timeline-card,.empty-state,.metric-card,.form-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(216,18,126,.22);background:#d8127e14;color:#8c0d52;font-size:.82rem;font-weight:800;margin-bottom:14px}.theme-dark .hero-kicker{color:#ffc4e3;background:#ff74bd24;border-color:#ff74bd42}.hero-summary{padding:22px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#d8127e17,#d8127e00 45%),var(--card)}.hero h1{margin:0 0 8px;font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.1;color:#0c1b23}.theme-dark .hero h1{color:var(--text)}.hero p{margin:0;color:var(--muted);line-height:1.6;max-width:58ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--brand);color:#fff;padding:13px 16px;font-weight:800;cursor:pointer;box-shadow:var(--shadow);transition:transform .18s ease,background .18s ease,filter .18s ease}.button:hover{background:var(--brand-2);transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--brand);border:1px solid var(--border)}.theme-dark .button.secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.15)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px 20px;min-height:122px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#ffffffe0,#fff),var(--card)}.theme-dark .metric-card{background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--card)}.metric-primary{background:linear-gradient(135deg,#d8127e29,#d8127e08),var(--card)}.metric-label{color:var(--muted);font-size:.92rem;margin-bottom:8px;font-weight:700}.metric-value{font-size:2rem;font-weight:900;color:#0c1b23}.theme-dark .metric-value{color:var(--text)}.panel{padding:22px}.panel h2,.section-title{margin:0 0 8px;color:#0c1b23}.theme-dark .panel h2,.theme-dark .section-title{color:var(--text)}.panel-copy,.section-subtitle{margin:0;color:var(--muted);line-height:1.6}.main-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;padding:14px 0 38px}.app-main{display:grid;gap:18px}.dashboard-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.dashboard-sidebar,.dashboard-content{display:grid;gap:18px}.overview-card{padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.overview-stats{display:grid;gap:10px;margin-bottom:16px}.overview-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#1020270a;border:1px solid rgba(16,32,39,.06)}.theme-dark .overview-stat{background:#ffffff0a;border-color:#ffffff0f}.overview-stat span{color:var(--muted);font-size:.92rem}.overview-stat strong{font-size:1.2rem}.loading-shell{padding-top:80px;padding-bottom:80px}.portal-alert,.form-error{border-radius:16px;border:1px solid rgba(197,61,61,.24);background:#c53d3d14;color:#8f2323}.portal-alert{padding:14px 16px;margin-bottom:10px}.form-error{padding:12px 14px;font-size:.94rem;line-height:1.5}.theme-dark .portal-alert,.theme-dark .form-error{background:#ff8c8c1f;border-color:#ff8c8c3d;color:#ffd0d0}.sidebar{display:grid;gap:18px;align-self:start}.form-card{padding:22px}.form-card h3{margin:0 0 8px;color:#0c1b23}.theme-dark .form-card h3{color:var(--text)}.form-card p{margin:0 0 18px;color:var(--muted)}.form-grid{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{font-size:.94rem;font-weight:700;color:var(--text)}.input,.select,.textarea{width:100%;background:#fff;border:2px solid #d0d7dd;border-radius:14px;padding:14px 16px;color:#102027;box-shadow:0 3px 8px #0000000a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input::placeholder,.textarea::placeholder{color:#8a99a8}.input:hover,.select:hover,.textarea:hover{border-color:#b0bcc7;box-shadow:0 3px 8px #00000014}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f04ea740}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:54px;padding:12px 48px 12px 16px;line-height:normal;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238a99a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}.textarea{min-height:150px;resize:vertical}.theme-dark .input,.theme-dark .select,.theme-dark .textarea{background:#ffffff0f;border:2px solid rgba(255,255,255,.18);color:var(--text);box-shadow:0 3px 8px #00000040}.theme-dark .input:focus,.theme-dark .select:focus,.theme-dark .textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff74bd4d}.theme-dark .select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a8b3c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")}.form-note{font-size:.88rem;color:var(--muted);line-height:1.55}.content{display:grid;gap:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:6px 4px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#10202708;color:var(--muted);padding:9px 12px;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-dark .filter-chip{background:#ffffff0a}.filter-chip:hover{transform:translateY(-1px);border-color:#d8127e59}.filter-chip.active{background:#d8127e1a;border-color:#d8127e59;color:#8c0d52}.theme-dark .filter-chip.active{color:#ffc4e3;background:#ff74bd24}.search{min-width:260px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:.92rem;font-weight:700}.theme-dark .status-pill{background:#ffffff08}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--muted)}.status-open .status-dot{background:var(--success)}.status-pending .status-dot{background:var(--warning)}.status-closed .status-dot{background:var(--danger)}.ticket-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.ticket-card{padding:18px 18px 16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.ticket-card:hover{transform:translateY(-2px);border-color:#d8127e59}.ticket-card.active{border-color:#d8127e8c;box-shadow:0 18px 34px #1020271f,0 0 0 3px #d8127e1f}.ticket-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ticket-card-title{margin:0 0 6px;font-size:1.08rem;color:#0c1b23}.theme-dark .ticket-card-title{color:var(--text)}.ticket-card-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:6px;background:#d8127e1a;color:#8c0d52;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid rgba(216,18,126,.28)}.badge-muted{background:#10202714;color:var(--muted);border-color:#1020271f}.theme-dark .badge-muted{background:#ffffff14;color:var(--muted);border-color:#ffffff1f}.theme-dark .badge{background:#ff74bd24;color:#ffc4e3;border:1px solid rgba(255,116,189,.28)}.ticket-card-preview{margin:12px 0 0;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.detail-section{display:grid}.timeline-card{padding:22px}.timeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.timeline-header h3{margin:0 0 6px;color:#0c1b23}.theme-dark .timeline-header h3{color:var(--text)}.timeline-header p{margin:0;color:var(--muted);line-height:1.5}.message-list{display:grid;gap:14px}.message{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:#1020270a;border:1px solid rgba(16,32,39,.06)}.theme-dark .message{background:#ffffff0a;border-color:#ffffff0f}.message.customer{border-left:4px solid var(--brand)}.message.agent{border-left:4px solid var(--success)}.message-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.message-author{font-weight:800;color:var(--text)}.message-body{color:var(--text);line-height:1.65;white-space:pre-wrap}.reply-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:grid;gap:12px}.side-stack{display:grid;gap:18px}.side-card{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:18px}.side-card h4{margin:0 0 12px;color:#0c1b23}.theme-dark .side-card h4{color:var(--text)}.info-list{display:grid;gap:10px}.info-row{display:flex;justify-content:space-between;gap:16px;font-size:.94rem}.info-row span:last-child{text-align:right}.compact-form{gap:12px}.compact-empty{padding:18px}.info-row span:first-child{color:var(--muted)}.empty-state{padding:32px;text-align:center}.empty-state h3{margin:0 0 8px}.empty-state p{margin:0;color:var(--muted);line-height:1.6}.footer{margin-top:auto;border-top:1px solid var(--border);padding:24px 0 34px;color:var(--muted);background:#fff}.theme-dark .footer{background:transparent}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.login-shell{display:grid;align-items:center;flex:1;padding-top:48px;padding-bottom:48px}.login-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;align-items:stretch}.login-copy{display:grid;gap:22px;min-height:100%}.login-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.login-card{align-self:center;padding:28px}.login-card-header{margin-bottom:18px}.login-card-header h2{margin:0 0 8px;color:#0c1b23}.theme-dark .login-card-header h2{color:var(--text)}.login-card-header p{margin:0;color:var(--muted);line-height:1.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1020277a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.modal-card{width:min(760px,100%);max-height:min(92vh,920px);overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:22px}.modal-card .form-card{box-shadow:none;border:none;background:transparent;padding:0}.modal-head{margin-bottom:20px}.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.admin-sidebar{padding:18px;align-self:start}.admin-content{display:grid;gap:20px}.user-list{display:grid;gap:10px}.user-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--border);background:#10202708;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.user-card-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.theme-dark .user-card{background:#ffffff0a}.user-card:hover{transform:translateY(-1px);border-color:#d8127e59}.user-card.active{border-color:#d8127e8c;background:#d8127e14}.user-card-meta{margin-top:4px;color:var(--muted);font-size:.88rem}.split-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--border);background:#10202708}.theme-dark .permission-card{background:#ffffff0a}.permission-card input{margin-top:3px}.permission-card strong{display:block;margin-bottom:4px}.permission-card p{margin:0;color:var(--muted);line-height:1.5;font-size:.9rem}.toggle-row{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}.toggle-row input{width:18px;height:18px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.danger-button{border-color:#c53d3d3d;color:var(--danger)}.danger-button:hover{border-color:#c53d3d73}@media (max-width: 980px){.hero-summary{align-items:flex-start;flex-direction:column}.main-grid,.dashboard-grid,.admin-layout,.ticket-layout,.login-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-fields,.permission-grid{grid-template-columns:1fr}}@media (max-width: 720px){.container{padding:18px}.nav{align-items:flex-start;min-height:auto;padding:10px 0;flex-direction:column}.header-actions{width:100%;justify-content:space-between}.metric-grid{grid-template-columns:1fr}.hero-summary{padding:20px}.modal-backdrop{padding:14px}.modal-card{padding:18px}.login-feature-list{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar-left,.toolbar-right,.filter-group{width:100%}.search{min-width:0;width:100%}.ticket-card-header,.timeline-header,.footer-inner,.panel-head,.user-card{flex-direction:column}.user-card-tags{width:100%;justify-content:flex-start}.info-row{flex-direction:column;gap:4px}.info-row span:last-child{text-align:left}}