:root{font-family:Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;color:#f4f7fb;background:radial-gradient(circle at top left,rgba(58,124,255,.22),transparent 28%),radial-gradient(circle at top right,rgba(53,208,155,.16),transparent 26%),linear-gradient(180deg,#07111f,#091523 45%,#050b13)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff;border-radius:14px;padding:14px 16px;outline:none}textarea{min-height:120px;resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:20px;padding:20px}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a111de0;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 50px #00000052;border-radius:30px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.brand-block{display:flex;gap:14px;align-items:center}.brand-block strong{display:block;font-size:1.1rem}.brand-block span,.eyebrow{color:#90a1b9}.brand-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,#8fc5ff,#4b7cff);color:#041223;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-list{display:grid;gap:10px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgba(255,255,255,.05);background:#ffffff05;color:#dbe7ff;border-radius:18px;padding:14px 16px;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.nav-item:hover{transform:translateY(-1px)}.nav-item--active{background:linear-gradient(135deg,#7c5cff47,#4c7cff38);border-color:#7c5cff59}.content{display:grid;gap:18px}.page-header{display:flex;justify-content:space-between;align-items:end}.page-header h1{margin:14px 0 8px;font-size:clamp(2rem,3vw,3.8rem);line-height:.95}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}@media(max-width:1200px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.page-header,.header-actions{align-items:stretch;flex-direction:column}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a111de0;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 50px #00000052}.login-card{width:min(460px,100%);border-radius:28px;padding:32px}.login-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,#8fc5ff,#4b7cff);color:#041223;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin:14px 0 8px;font-size:clamp(2rem,3vw,3.8rem);line-height:.95}.login-card p,.table-sub,.detail-head p{color:#90a1b9}.login-form,.reply-form{display:grid;gap:16px;margin-top:24px}.login-form label,.reply-form label,.form-grid label,.form-panel label{display:grid;gap:8px;color:#d6ddea;font-size:.95rem}.primary-button,.ghost-button,.ticket-item{transition:transform .2s ease,border-color .2s ease,background .2s ease}.primary-button:hover,.ghost-button:hover,.ticket-item:hover{transform:translateY(-1px)}.primary-button{border:none;background:linear-gradient(135deg,#7c5cff,#5c83ff);color:#fff;border-radius:16px;padding:14px 18px;font-weight:700}.ghost-button{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#eef4ff;border-radius:14px;padding:12px 16px}.error-banner{margin-top:16px;display:flex;align-items:center;gap:10px;border-radius:16px;background:#ff617a1f;color:#ff9daa;border:1px solid rgba(255,97,122,.2);padding:14px 16px}.panel{border-radius:28px;padding:22px}.panel--wide{grid-column:1 / -1}.panel-head,.detail-head,.toolbar,.reply-actions,.ticket-item__head,.detail-row,.type-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.detail-head h2{margin:0;font-size:1.4rem}.panel-head--compact h2{font-size:1.05rem}.detail-stack,.form-panel,.type-list,.detail-list,.ticket-list,.message-list,.branch-admin-list{display:grid;gap:12px}.form-panel{gap:18px}.form-panel--compact{margin-top:4px;padding:18px;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.data-table{width:100%;border-collapse:collapse;margin-top:10px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.data-table th{color:#93a6c4;font-weight:600}.row-selected{background:#7c5cff14}.table-title{font-weight:700}.detail-panel{min-height:620px}.detail-list{margin-top:20px}.detail-row{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row span{color:#8fa5c0}.search-box{display:flex;align-items:center;gap:10px;flex:1;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0 14px;background:#ffffff0a}.search-box input{border:none;background:transparent;padding-left:0}.filter-select{display:grid;gap:8px;min-width:180px}.filter-select__label{color:#8ea2bc;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:700}.status--green{color:#96f8b4;background:#1ed47124}.status--purple{color:#d4bbff;background:#905cff26}.status--slate{color:#a9b2c2;background:#828fa12e}.status--amber{color:#ffd48d;background:#ffb0482e}.empty-state{display:grid;place-items:center;min-height:200px;color:#8796ae}.muted-copy{margin:0;color:#90a1b9;line-height:1.6}@media(max-width:1200px){.form-grid{grid-template-columns:1fr}}.dashboard-grid{display:grid;gap:18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{border-radius:24px;padding:22px;display:flex;gap:14px;align-items:center;min-height:142px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(160deg,#09111df2,#0e1623e0)}.metric-card__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center}.metric-card strong{display:block;font-size:2.1rem;margin-top:6px}.metric-card span{color:#9eb1cb}.metric-card--green .metric-card__icon{background:linear-gradient(135deg,#22c55e38,#72fcad66);color:#9effc0}.metric-card--purple .metric-card__icon{background:linear-gradient(135deg,#7c5cff3d,#bf84ff6b);color:#d7b7ff}.metric-card--red .metric-card__icon{background:linear-gradient(135deg,#ff5c7d3d,#ff917766);color:#ffc2ce}.metric-card--amber .metric-card__icon{background:linear-gradient(135deg,#ffa7263d,#ffdc7c66);color:#ffe7b8}.type-row{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:1.05rem}.type-row strong{font-size:1.4rem}.highlight-card{display:inline-flex;align-items:center;gap:16px;width:fit-content;padding:18px 24px;border-radius:22px;background:linear-gradient(135deg,#ffe100,#ffc400);color:#111;font-weight:800;font-size:1.4rem}.highlight-card strong{font-size:2rem}@media(max-width:1200px){.metrics-grid{grid-template-columns:1fr}}.customer-admin{display:grid;gap:18px}.bulk-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.bulk-toolbar__controls,.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.bulk-toolbar__controls{flex:1 1 260px}.filters-grid{margin-top:16px}.filters-grid .search-box{min-height:52px}.filters-grid .search-box--wide{grid-column:1 / -1}.filters-grid .ghost-button{align-self:end;min-height:52px}.bulk-toolbar__summary{display:flex;align-items:baseline;gap:8px;color:#dce7ff}.bulk-toolbar__summary span{color:#8ea2bc}.split-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,.9fr);gap:18px}.toolbar--wrap{flex-wrap:wrap}.branch-admin-card{display:grid;gap:12px;padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.branch-admin-card__head,.branch-admin-card__meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.branch-admin-card__head small,.branch-admin-card__meta{color:#8ea2bc}.timeline-list{display:grid;gap:12px}.timeline-item{display:grid;gap:10px;padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.timeline-item__header,.timeline-item__meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.timeline-item__header span,.timeline-item__meta,.timeline-item p{color:#8ea2bc;margin:0}.nested-panel{margin-top:12px}.empty-state--compact{min-height:120px}@media(max-width:1200px){.split-layout{grid-template-columns:1fr}.bulk-toolbar{align-items:stretch;flex-direction:column}.bulk-toolbar__controls,.filters-grid{grid-template-columns:1fr}.branch-admin-card__head,.branch-admin-card__meta,.timeline-item__header,.timeline-item__meta{align-items:stretch;flex-direction:column}}.tickets-layout{display:grid;gap:18px}.legend-list{display:flex;gap:24px;flex-wrap:wrap}.legend{display:inline-flex;align-items:center;gap:14px}.legend span{width:44px;height:44px;border-radius:50%}.legend strong{display:block}.legend small{color:#8ea0bd}.legend--green span{background:radial-gradient(circle,#8bfd9c,#2fdd4d 72%)}.legend--purple span{background:radial-gradient(circle,#d9a2ff,#8b47ea 72%)}.legend--dark span{background:radial-gradient(circle,#434b5c,#0e141c 72%)}.ticket-list{margin-top:16px}.ticket-item{width:100%;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#eef4ff;border-radius:18px;padding:16px;text-align:left}.ticket-item--active{border-color:#7c5cff57;background:#7c5cff1a}.ticket-item p,.ticket-item small{margin:8px 0 0;color:#8da0bb}.message-card{margin-top:22px;border-radius:18px;padding:18px;background:#ffffff0a}.message-card__label{color:#8ea2bc;margin-bottom:8px}.message-bubble{padding:16px;border-radius:18px;background:#ffffff0a}.message-bubble--admin{background:#7c5cff1f}.message-bubble p,.message-bubble small{margin:8px 0 0}.message-bubble small{color:#8ea2bc}.attachment-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.attachment-list a{display:inline-flex;align-items:center;gap:8px;color:#dce7ff;text-decoration:none;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px}