:root{color:#162033;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#17213a;flex-direction:column;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:8px;display:flex}.brand-mark{color:#14213d;background:#7ea0ff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 24px #597dee59}.brand strong{font-size:19px;display:block}.brand small{color:#98a2b3;margin-top:2px;font-size:12px;display:block}nav{gap:8px;margin-top:36px;display:grid}nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:12px 14px;display:flex}nav button:hover{background:#ffffff0d}nav .nav-active{color:#fff;background:#2a395f;font-weight:600}nav button span{background:#ffffff17;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:12px}.support-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;margin-top:auto;padding:16px}.support-card svg{color:#90adff;vertical-align:middle;margin-right:8px}.support-card strong{font-size:14px}.support-card p{color:#98a2b3;margin:10px 0 0;font-size:12px;line-height:1.65}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #dfe5ee;justify-content:space-between;align-items:center;min-height:78px;padding:14px 38px;display:flex}.topbar small{color:#667085}.topbar h1{margin:3px 0 0;font-size:21px}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:600;display:inline-flex}.button.primary{color:#fff;background:#2858d8;box-shadow:0 5px 14px #2858d833}.button.primary:hover{background:#214fc8}.button.secondary{color:#344054;background:#fff;border:1px solid #d0d5dd}.button:disabled{cursor:not-allowed;opacity:.5}.content{max-width:1500px;margin:0 auto;padding:34px 38px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px;display:grid}.stat{background:#fff;border:1px solid #dfe5ee;border-radius:16px;align-items:center;gap:13px;padding:19px;display:flex;box-shadow:0 4px 18px #1d2d4b0a}.stat-icon{border-radius:12px;place-items:center;width:41px;height:41px;display:grid}.stat-icon.blue{color:#1d4ed8;background:#eff6ff}.stat-icon.violet{color:#6d28d9;background:#f5f3ff}.stat-icon.amber{color:#b45309;background:#fffbeb}.stat-icon.green{color:#047857;background:#ecfdf5}.stat strong{font-size:24px;line-height:1.1;display:block}.stat small{color:#667085;margin-top:4px;font-size:13px;display:block}.tickets-card{background:#fff;border:1px solid #dfe5ee;border-radius:17px;overflow:hidden;box-shadow:0 10px 35px #1d2d4b0f}.toolbar{border-bottom:1px solid #dfe5ee;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.toolbar h2{margin:0;font-size:18px}.toolbar p{color:#667085;margin:4px 0 0;font-size:13px}.filters{gap:8px;display:flex}.search{position:relative}.search svg{color:#667085;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{width:275px;padding-left:36px}input,select,textarea{color:#162033;background:#fff;border:1px solid #d8e0eb;border-radius:9px;outline:none;min-height:38px;padding:8px 11px}input:focus,select:focus,textarea:focus{border-color:#6688ec;box-shadow:0 0 0 3px #5d7ff024}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#475467;text-align:left;background:#f8fafc;padding:12px 13px;font-size:12px;font-weight:600}td{white-space:nowrap;border-top:1px solid #edf0f4;padding:15px 13px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#f8faff}.ticket-title{align-items:flex-start;gap:13px;max-width:410px;display:flex}.ticket-title div{min-width:0}.ticket-title strong,.ticket-title small{text-overflow:ellipsis;display:block;overflow:hidden}.ticket-title strong{font-size:13px}.ticket-title small{color:#667085;margin-top:5px;font-size:11px}code{color:#667085;font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.muted{color:#667085}.right{text-align:right}.badge{border:1px solid;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-open{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.badge-in_progress{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.badge-waiting{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge-resolved{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.badge-closed{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.priority{align-items:center;gap:7px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px}.dot-low{background:#94a3b8}.dot-medium{background:#3b82f6}.dot-high{background:#f97316}.dot-urgent{background:#e11d48}.empty{color:#667085;place-content:center;justify-items:center;gap:9px;min-height:260px;font-size:14px;display:grid}.empty svg{color:#cbd5e1}.empty strong{color:#344054}.error{color:#b42318;background:#fef3f2;border-radius:10px;margin:18px;padding:13px 15px}.mobile-list{display:none}.create-dialog{border:0;border-radius:18px;width:min(580px,100% - 28px);padding:0;box-shadow:0 28px 80px #10182840}.create-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c}.create-form{gap:16px;padding:26px;display:grid;position:relative}.create-form h2{margin:0;font-size:21px}.create-form>p{color:#667085;margin:-9px 0 2px;font-size:13px;line-height:1.5}.create-form label,.edit-box label{gap:7px;font-size:13px;font-weight:600;display:grid}.create-form textarea{resize:vertical;min-height:110px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}.icon-close{color:#667085;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:18px;right:18px}.icon-close:hover{background:#f2f4f7}.scrim{z-index:20;cursor:default;background:#0f172a7a;border:0;position:fixed;inset:0}.detail-panel{z-index:21;color:#162033;background:#fff;width:min(590px,100%);height:100vh;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #10182826}.detail-panel>header{border-bottom:1px solid #dfe5ee;padding:27px 52px 22px 26px}.detail-panel>header>div{align-items:center;gap:10px;display:flex}.detail-panel h2{margin:13px 0 8px;font-size:21px;line-height:1.35}.detail-panel header p{color:#667085;margin:0;font-size:13px}.detail-content{gap:26px;padding:25px;display:grid}.detail-content h3{color:#667085;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:12px}.detail-content section>p{color:#475467;margin:0;font-size:14px;line-height:1.75}.edit-box{background:#f8fafc;border-radius:15px;grid-template-columns:1fr 1fr;gap:15px;padding:16px;display:grid}.edit-box .full{grid-column:1/-1}.comments-title{align-items:center;gap:7px;display:flex;color:#162033!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important}.comments-title svg{color:#2858d8}.comments-title span{color:#667085;font-weight:400}.comment-form{align-items:flex-end;gap:8px;margin-bottom:17px;display:flex}.comment-form textarea{resize:vertical;flex:1;min-height:78px}.comment-form .button{width:42px;padding:0}.comments{gap:10px;display:grid}.comments article{border:1px solid #dfe5ee;border-radius:12px;padding:14px}.comments article>div{justify-content:space-between;gap:10px;display:flex}.comments strong{font-size:13px}.comments time{color:#667085;font-size:11px}.comments article p{color:#475467;margin:8px 0 0;font-size:13px;line-height:1.6}.no-comments{border-radius:11px;padding:14px;color:#667085!important;border:1px dashed #d0d5dd!important;font-size:13px!important}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column;align-items:flex-start}.filters{width:100%}.search{flex:1}.search input{width:100%}}@media (width<=780px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:14px 18px}.topbar small{display:none}.content{padding:22px 14px}.stats{gap:9px}.stat{padding:14px}.stat-icon{width:37px;height:37px}.stat strong{font-size:20px}.toolbar{padding:16px}.filters{grid-template-columns:1fr 1fr;display:grid}.search{grid-column:1/-1}.desktop-table{display:none}.mobile-list{display:block}.mobile-list>button{color:#162033;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;gap:9px;width:100%;padding:15px;display:grid}.mobile-list>button>span,.mobile-list>button>small{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-list strong{font-size:14px}.mobile-list small{color:#667085}.form-grid{grid-template-columns:1fr}.detail-content{padding:20px}.edit-box{grid-template-columns:1fr}.edit-box .full{grid-column:auto}}.topbar-actions{align-items:center;gap:10px;display:flex}.user-chip{align-items:center;gap:9px;padding-right:4px;display:flex}.user-chip>span{color:#214fc8;background:#eaf0ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-chip strong,.user-chip small{display:block}.user-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.user-chip small{margin-top:2px;font-size:11px}.logout-button{color:#667085;background:#fff;border:1px solid #d8e0eb;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.logout-button:hover{color:#b42318;background:#fef3f2}.form-grid .full{grid-column:1/-1}.login-shell{background:radial-gradient(circle at 15% 10%,#dce7ff 0,#0000 32%),#f4f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe5ee;border-radius:22px;width:min(440px,100%);padding:32px;box-shadow:0 24px 70px #1d2d4b21}.login-brand{align-items:center;gap:11px;display:flex}.login-brand>div strong,.login-brand>div small{display:block}.login-brand>div strong{font-size:19px}.login-brand>div small{color:#667085;margin-top:2px;font-size:12px}.login-heading{margin:34px 0 24px}.login-heading>span{color:#2858d8;background:#eaf0ff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.login-heading h1{margin:15px 0 7px;font-size:25px}.login-heading p{color:#667085;margin:0;font-size:14px}.login-card form{gap:15px;display:grid}.login-card form label{gap:7px;font-size:13px;font-weight:600;display:grid}.login-card form .button{width:100%;margin-top:4px}.login-error{color:#b42318;background:#fef3f2;border-radius:9px;padding:11px 12px;font-size:13px}.demo-users{border-top:1px solid #edf0f4;gap:9px;margin-top:24px;padding-top:20px;display:grid}.demo-users>div{background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.demo-users svg{color:#667085}.demo-users p{margin:0}.demo-users strong,.demo-users code{display:block}.demo-users strong{font-size:12px}.demo-users code{color:#667085;margin-top:3px;font-size:11px}.login-loading{color:#667085;font-size:14px}.auth-tabs{background:#f2f4f7;border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;margin-top:28px;padding:4px;display:grid}.auth-tabs button{color:#667085;background:0 0;border:0;border-radius:8px;min-height:36px;font-size:13px;font-weight:600}.auth-tabs button.active{color:#2349ad;background:#fff;box-shadow:0 1px 4px #1018281a}.auth-tabs+.login-heading{margin-top:24px}.users-card{background:#fff;border:1px solid #dfe5ee;border-radius:17px;overflow:hidden;box-shadow:0 10px 35px #1d2d4b0f}.users-heading{border-bottom:1px solid #dfe5ee;justify-content:space-between;align-items:center;gap:16px;padding:21px;display:flex}.users-heading h2{margin:0;font-size:18px}.users-heading p{color:#667085;margin:5px 0 0;font-size:13px}.users-heading>span{color:#2349ad;background:#eaf0ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.users-table select{min-width:170px}.account-name{align-items:center;gap:11px;display:flex}.account-name>span{color:#214fc8;background:#eaf0ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.account-name strong{align-items:center;gap:8px;display:flex}.account-name small{color:#667085;background:#f2f4f7;border-radius:6px;padding:3px 6px;font-size:10px}.users-table tr{cursor:default}.users-table tbody tr:hover{background:#f8faff}@media (width<=780px){.user-chip{display:none}.topbar-actions{gap:7px}.topbar .button{padding:0 11px}.form-grid .full{grid-column:auto}.login-card{padding:24px}.users-heading{align-items:flex-start}.users-table{overflow-x:auto}.users-table table{min-width:620px}}