@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:IBM Plex Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102033;background:radial-gradient(circle at top left,rgba(22,79,143,.08),transparent 28%),linear-gradient(180deg,#f4f7fb,#eef3f8)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(22,79,143,.08),transparent 28%),linear-gradient(180deg,#f4f7fb,#eef3f8)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{display:grid;min-height:100vh;place-items:center;color:#475467}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0a0f1e;position:relative;overflow:hidden}.login-shell:before,.login-shell:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.login-shell:before{width:600px;height:600px;background:radial-gradient(circle,rgba(24,78,119,.45) 0%,transparent 70%);top:-200px;left:-200px;animation:orb-drift-a 18s ease-in-out infinite alternate}.login-shell:after{width:500px;height:500px;background:radial-gradient(circle,rgba(31,122,140,.35) 0%,transparent 70%);bottom:-150px;right:35%;animation:orb-drift-b 22s ease-in-out infinite alternate}@keyframes orb-drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(80px,60px) scale(1.15)}}@keyframes orb-drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-80px) scale(1.2)}}.login-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:36px;padding:64px 56px;background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.08)}.login-aside{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:72px;background:linear-gradient(135deg,#10182899,#0a0f1e66);overflow:hidden}.login-aside:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-lockup span{display:block;color:#ffffff73;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.brand-lockup strong{display:block;font-size:16px;color:#fff;font-weight:700}.brand-lockup.compact strong{color:#fff}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1f7a8c,#184e77);color:#fff;box-shadow:0 4px 16px #1f7a8c66}.login-form,.inline-form,.comment-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:#ffffffa6;font-weight:500;font-size:13px;letter-spacing:.02em}input,select,textarea{width:100%;border:1px solid #cfd8e3;border-radius:6px;background:#fff;color:#182230;padding:11px 12px;outline:none}.login-panel input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:13px 16px;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s,background .2s}.login-panel input::placeholder{color:#ffffff47}.login-panel input:focus{border-color:#1f7a8ccc;background:#ffffff17;box-shadow:0 0 0 3px #1f7a8c38,inset 0 1px #ffffff14}.login-panel input:hover:not(:focus){border-color:#ffffff38;background:#ffffff14}textarea{min-height:88px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#1f7a8c;box-shadow:0 0 0 3px #1f7a8c29}.primary-button,.secondary-button,.ghost-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:1px solid transparent;padding:9px 13px;font-weight:700}.primary-button{background:#184e77;color:#fff}.login-panel .primary-button{background:linear-gradient(135deg,#1f7a8c,#184e77);border:1px solid rgba(31,122,140,.4);border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 20px #184e7766,0 1px #ffffff1a inset;transition:transform .15s ease,box-shadow .15s ease}.login-panel .primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 28px #184e778c,0 1px #ffffff1f inset}.login-panel .primary-button:active{transform:translateY(0)}.login-hero{position:relative;z-index:2;color:#fff}.login-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#1f7a8c40;border:1px solid rgba(31,122,140,.4);font-size:12px;font-weight:600;color:#7dd3f0;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px}.login-hero h2{font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.15;margin:0 0 18px;background:linear-gradient(135deg,#fff,#ffffffb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-hero p{font-size:16px;color:#ffffff80;line-height:1.7;max-width:380px;margin:0 0 48px}.login-hero-stats{display:flex;gap:20px;flex-wrap:wrap}.login-stat-card{flex:1;min-width:110px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .2s}.login-stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.login-stat-card strong{display:block;font-size:28px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.login-stat-card span{font-size:12px;color:#ffffff73;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.login-panel h3{margin:0 0 4px;font-size:22px;font-weight:700;color:#fff}.login-panel .description{color:#ffffff73;font-size:14px}.login-divider{display:flex;align-items:center;gap:12px;color:#ffffff40;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin:16px 0 6px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-form-title{display:grid;gap:4px;margin-bottom:4px}.login-form-title h3{margin:0;font-size:22px;font-weight:700;color:#fff}.login-form-title p{margin:0;font-size:13px;color:#fff6}.secondary-button{background:#fff;color:#184e77;border-color:#b8c7d6}.ghost-button{color:#d7e3ed;background:transparent;border-color:#ffffff24}.text-button{border:0;background:transparent;color:#184e77;font-weight:700}.form-error{margin:0;color:#b42318}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:28px;padding:24px;background:#101828;color:#fff}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:6px;padding:11px 12px;background:transparent;color:#cbd5e1;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{background:#1f2937;color:#fff}.sidebar nav button:focus-visible,.ghost-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.logout{margin-top:auto}.content{display:grid;gap:18px;padding:22px}.topbar,.panel-header,.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.topbar h1,.panel h2,.detail-title h2{margin:3px 0 0;letter-spacing:0}.topbar h1{font-size:28px}.eyebrow{margin:0;color:#667085;font-size:12px;font-weight:800;text-transform:uppercase}.login-aside .eyebrow{color:#b8d8e8}.user-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e0e8;border-radius:999px;background:#fff;padding:9px 13px;color:#344054;font-weight:700}.topbar-actions{display:inline-flex;align-items:center;gap:10px}.icon-button{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #d9e0e8;border-radius:10px;background:#fff;color:#18314f}.count-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#c2410c;color:#fff;font-size:11px;line-height:18px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{border:1px solid #d9e0e8;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1018280a}.metric{padding:18px 18px 16px}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric span{color:#667085;font-weight:700}.metric strong{display:block;margin-top:8px;font-size:32px}.panel{min-width:0;padding:20px;border-radius:10px}.work-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px;align-items:start}.inline-form.user-create{grid-template-columns:repeat(5,minmax(130px,1fr));align-items:start}.ticket-create{grid-template-columns:minmax(180px,1fr) 140px 1fr auto;align-items:start}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;min-height:38px;border:1px solid #cfd8e3;border-radius:999px;padding:0 14px;background:#fff;color:#334155;font-weight:700}.chip.active{background:#18314f;color:#fff;border-color:#18314f}.chip.action{border-style:dashed}.table-wrap{margin-top:18px;overflow-x:auto}.table-wrap>.empty-state{margin:0 0 12px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{border-bottom:1px solid #e6ebf1;padding:13px 12px;text-align:left;vertical-align:middle}th{color:#667085;font-size:12px;text-transform:uppercase}td span{display:block;margin-top:6px;color:#667085;font-size:13px;line-height:1.4}tr.selected{background:#eef8fa}.badge{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;text-transform:uppercase}.badge.open,.badge.in_progress{color:#095c37;background:#dff6e8}.badge.resolved{color:#184e77;background:#dcecf8}.badge.closed{color:#667085;background:#eef2f6}.detail-panel{position:sticky;top:24px}.empty-state{color:#667085}.description{color:#475467;line-height:1.6}.ticket-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 16px}.ticket-meta span,.alert-chip,.due-tag,.muted{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:#eef2f6;color:#334155;font-size:12px;font-weight:700}.alert-chip{background:#fff1f0;color:#9f1239}.due-tag.soon{background:#fff7ed;color:#9a3412}.due-tag.overdue{background:#fee2e2;color:#b91c1c}.muted{background:#f8fafc;color:#64748b}.control-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.comments{display:grid;gap:10px;margin:18px 0}.comment{border:1px solid #e6ebf1;border-radius:8px;padding:12px;background:#fafbfc}.comment span{margin-left:8px;color:#667085;font-size:12px}.comment p{margin:8px 0 0;color:#344054}.comment-form{grid-template-columns:1fr auto}.audit-list{display:grid;gap:8px;margin-top:18px}.audit-row{display:grid;grid-template-columns:1fr 220px 220px 1fr;align-items:center;gap:10px;border-bottom:1px solid #e6ebf1;padding:11px 0;color:#475467}.audit-row strong{color:#182230}.notification-panel{position:absolute;top:88px;right:24px;width:min(520px,calc(100vw - 48px));z-index:10}.notification-list{display:grid;gap:10px;margin-top:16px}.notification-item{display:grid;gap:4px;padding:14px;border:1px solid #d9e0e8;border-radius:10px;background:#fff;text-align:left}.notification-item.read{background:#f8fafc}.notification-item strong{color:#182230}.notification-item span{color:#475467}.notification-item time{color:#64748b;font-size:12px}.onboarding-panel{border-left:4px solid #18314f}.onboarding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.onboarding-grid div,.support-card>div,.settings-form label{display:flex;flex-direction:column;gap:8px;line-height:1.5}.onboarding-grid strong,.support-card strong{color:#102033}.onboarding-grid span,.support-card span{color:#475467}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-form{display:grid;gap:14px}.settings-form label{color:#344054;font-weight:650}.support-card{display:grid;gap:14px}.status-panel{grid-column:1 / -1}.status-success{margin:0;color:#166534}.corner-help{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:12px}.comment{padding:12px 0;border-bottom:1px solid #e5ecf1;font-size:13px}.comment strong{display:block;font-size:14px;margin-bottom:2px}.comment span{color:#667085;font-size:12px}.comment p{margin:8px 0 0;line-height:1.5;color:#102033}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-header strong{margin-bottom:0}.comment-actions{margin-left:auto;display:flex;gap:8px}.comment-actions .text-button{font-size:12px;padding:0;color:#667085;text-decoration:underline}.comment-actions .text-button.danger{color:#d92d20}.edit-comment-form{display:grid;gap:8px}.edit-comment-form textarea{min-height:80px;padding:8px;border:1px solid #d9e0e8;border-radius:6px;font-family:inherit;font-size:13px;resize:vertical}.edit-comment-actions{display:flex;gap:8px}.attachments-section{padding:12px 0;border-top:1px solid #e5ecf1;margin-top:16px}.attachments-section h3{font-size:13px;font-weight:600;margin:0 0 8px;color:#102033}.attachments-list{display:grid;gap:8px;margin-bottom:12px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border:1px solid #e5ecf1;border-radius:6px;font-size:13px}.attachment-item strong{flex:1;display:block}.attachment-item span{color:#667085;font-size:12px}.attachment-item .icon-button{padding:4px}.attachment-item .icon-button.danger{color:#d92d20}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#f9fafb;border:1px dashed #d9e0e8;border-radius:6px;color:#667085;font-size:13px;cursor:pointer;transition:all .2s ease}.file-upload-label:hover{background:#f3f5f7;border-color:#b5bdc4;color:#102033}.file-upload-label input[type=file]{display:none}.bulk-actions-bar{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #d9e0e8;border-radius:6px;margin-bottom:12px;font-size:13px}.bulk-actions-bar span{font-weight:600;color:#102033}.bulk-actions-bar select{flex:1;padding:6px 8px;border:1px solid #d9e0e8;border-radius:4px;font-size:13px}.bulk-actions-bar button{padding:6px 12px}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #164f8f1f;transition:all .2s ease}.primary-button:active{transform:translateY(0)}input:hover,select:hover,textarea:hover{border-color:#b5bdc4}.panel{box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:all .2s ease}.panel:hover{box-shadow:0 4px 12px #0000001f}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge.open{background:#d1e7f5;color:#164f8f}.badge.in_progress{background:#fef3c7;color:#92400e}.badge.escalated{background:#fee2e2;color:#991b1b}.badge.resolved{background:#d1fae5;color:#065f46}.badge.closed{background:#e5e7eb;color:#374151}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%}.skeleton-line{height:12px;border-radius:4px;margin-bottom:8px}.skeleton-text{height:16px;border-radius:4px;margin-bottom:12px}table tbody tr:hover{background:#f9fafb;transition:background .15s ease}table tbody tr.selected{background:#dbeafe;border-left:3px solid #184e77}button[disabled]{opacity:.5;cursor:not-allowed}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #184e77;outline-offset:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:transparent;border:none;color:#667085;cursor:pointer;transition:all .2s ease}.icon-button:hover{background:#f3f5f7;color:#102033}.icon-button.danger{color:#d92d20}.icon-button.danger:hover{background:#fee2e2}.count-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:50%;background:#d92d20;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d92d20b3}50%{box-shadow:0 0 0 8px #d92d2000}}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:.15s;transition-timing-function:ease}button,input,select,textarea{transition-duration:.2s}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:980px){.login-shell,.app-shell,.work-grid{grid-template-columns:1fr}.login-aside{display:none}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.settings-grid,.onboarding-grid,.inline-form.user-create,.ticket-create,.control-row,.comment-form{grid-template-columns:1fr}.detail-panel{position:static}.notification-panel{position:static;width:auto}.audit-row{grid-template-columns:1fr}}@media(max-width:620px){.content,.login-panel{padding:20px}.topbar,.panel-header,.detail-title{display:grid}.sidebar nav{grid-template-columns:1fr}}.search-pagination-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.search-input-wrapper{position:relative;flex:1;min-width:240px}.search-input-wrapper input{padding-left:38px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667085;pointer-events:none}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-controls span{font-size:13px;color:#475467;font-weight:700}.due-date-picker-label{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:13px;font-weight:650}.due-date-picker-label input{font-size:13px;padding:8px 10px}.notification-item-wrapper{position:relative}.notification-item{position:relative;padding-right:48px!important}.notification-delete-btn{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#98a2b3;display:grid;place-items:center;cursor:pointer;z-index:5}.notification-delete-btn:hover{background:#fee2e2;color:#d92d20}.skeleton-pulse{animation:shimmer 1.5s infinite linear;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%}.skeleton-text-block{height:12px;background:#e5e7eb;border-radius:4px;margin-bottom:8px}.skeleton-text-block.half{width:50%}.skeleton-text-block.short{width:25%}.skeleton-text-block.long{width:85%}.password-reset-shell{display:grid;gap:16px;margin-top:10px}.password-reset-back{font-size:13px;color:#667085;text-decoration:underline;background:transparent;border:none;cursor:pointer;text-align:left;padding:0;width:fit-content}.password-reset-back:hover{color:#184e77}.forgot-link{font-size:13px;color:#7dd3f0b3;background:transparent;border:none;cursor:pointer;padding:0;text-align:right;font-weight:500;transition:color .15s}.forgot-link:hover{color:#7dd3f0}.demo-token-alert{padding:14px 16px;background:#1f7a8c1a;border:1px solid rgba(31,122,140,.3);border-radius:10px;font-size:12px;color:#7dd3f0e6;line-height:1.5;word-break:break-all}.demo-token-alert strong{display:block;font-weight:600;margin-bottom:6px;color:#7dd3f0;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.demo-token-alert code{font-family:JetBrains Mono,Fira Code,monospace;background:#ffffff0f;padding:2px 6px;border-radius:4px}.password-reset-back{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:10px;padding:12px;cursor:pointer;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s;text-align:center}.password-reset-back:hover{border-color:#ffffff38;color:#ffffffbf;background:#ffffff0a}