:root{color-scheme:light;--background:#f4f6f8;--surface:#ffffff;--surface-muted:#f8fafc;--surface-strong:#eef3f8;--field:#ffffff;--field-muted:#f8fafc;--ink:#101828;--ink-soft:#344054;--muted:#667085;--line:#d9e2ec;--line-strong:#c6d3e1;--blue:#1d5fd0;--blue-dark:#174ea6;--blue-soft:#e7f0ff;--green:#147a55;--green-soft:#e7f6ef;--amber:#b75e00;--amber-soft:#fff3d6;--red:#b42318;--red-soft:#fff0ef;--purple:#6941c6;--purple-soft:#f1edff;--success-text:#064e3b;--warning-text:#7a5200;--sidebar:#111827;--sidebar-admin:#10233f;--sidebar-developer:#12352f;--sidebar-member:#1f2937;--board-column:#e9eef5;--focus-ring:rgba(29,95,208,0.14);--white:#ffffff;--shadow:0 20px 50px rgba(16,24,40,0.12);--shadow-soft:0 10px 28px rgba(16,24,40,0.08);--card-shadow:0 1px 2px rgba(16,24,40,0.05);--panel-shadow:0 1px 2px rgba(16,24,40,0.04);--brand-overlay:linear-gradient(120deg,rgba(8,29,58,0.82),rgba(24,61,89,0.58));--radius:8px;--radius-sm:6px}:root[data-theme=dark]{color-scheme:dark;--background:#060608;--surface:#0f1218;--surface-muted:#151a23;--surface-strong:#1d2430;--field:#0b0f16;--field-muted:#111722;--ink:#f3f6fb;--ink-soft:#d9e2ef;--muted:#9aa8bc;--line:#253244;--line-strong:#35465d;--blue:#6ea8ff;--blue-dark:#a8c7ff;--blue-soft:rgba(57,123,255,0.16);--green:#52d79b;--green-soft:rgba(82,215,155,0.14);--amber:#ffba66;--amber-soft:rgba(255,186,102,0.16);--red:#ff8a80;--red-soft:rgba(255,138,128,0.14);--purple:#b9a7ff;--purple-soft:rgba(185,167,255,0.16);--success-text:#b7f7d4;--warning-text:#ffe0a3;--sidebar:#101722;--sidebar-admin:#11233a;--sidebar-developer:#102d28;--sidebar-member:#141c29;--board-column:#111720;--focus-ring:rgba(110,168,255,0.2);--shadow:0 24px 60px rgba(0,0,0,0.46);--shadow-soft:0 14px 32px rgba(0,0,0,0.34);--card-shadow:0 18px 40px rgba(0,0,0,0.22);--panel-shadow:0 1px 0 rgba(255,255,255,0.04);--brand-overlay:linear-gradient(120deg,rgba(3,6,12,0.9),rgba(20,35,58,0.66))}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}a,button,input,select,textarea{border-radius:var(--radius-sm)}button{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px)}label{color:var(--ink-soft);display:grid;font-size:13px;font-weight:700;grid-gap:8px;gap:8px}input,select,textarea{background:var(--field);border:1px solid var(--line);color:var(--ink);min-height:42px;outline:none;padding:10px 12px;width:100%}textarea{line-height:1.5;min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--focus-ring)}pre{margin:0;overflow:auto;padding:14px;white-space:pre-wrap}h1,h2,h3,p{overflow-wrap:anywhere}.auth-page{align-items:stretch;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(340px,440px);min-height:100vh;padding:28px}.brand-panel{align-content:space-between;background:var(--brand-overlay),url(https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;color:#ffffff;display:grid;min-width:0;min-height:calc(100vh - 56px);padding:48px}.brand-mark,.sidebar-logo{align-items:center;background:var(--white);color:var(--blue);display:flex;font-weight:800;justify-content:center}.brand-mark{box-shadow:0 16px 32px rgba(0,0,0,.18);font-size:20px;height:58px;width:58px}.dashboard-eyebrow,.eyebrow{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.brand-panel .eyebrow{color:rgba(255,255,255,.74)}h1{font-size:42px;line-height:1.06;margin:0;max-width:620px}.intro{color:rgba(255,255,255,.86);font-size:18px;line-height:1.6;margin:22px 0 0;max-width:660px}.brand-stats{display:flex;flex-wrap:wrap;gap:10px}.brand-stats span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9);font-size:13px;font-weight:800;padding:9px 12px}.auth-panel{align-self:center;background:var(--surface);box-shadow:var(--shadow);display:grid;grid-gap:22px;gap:22px;padding:28px}.auth-heading{display:grid;grid-gap:5px;gap:5px}.auth-topline{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:900;justify-content:space-between;text-transform:uppercase}.auth-heading h2{font-size:28px;margin:0}.auth-heading p{color:var(--muted);line-height:1.5;margin:0}.mode-switch{background:var(--surface-strong);display:grid;grid-template-columns:1fr 1fr;padding:4px}.mode-switch button{background:transparent;border:0;color:var(--muted);cursor:pointer;min-height:40px}.mode-switch button.active{background:var(--surface);box-shadow:var(--shadow-soft);color:var(--ink);font-weight:800}.attachment-form,.auth-form,.comment-form,.dashboard-form,.ticket-edit-form{display:grid;grid-gap:14px;gap:14px}.attachment-form-grid,.form-row,.name-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.logout-button,.primary-action,.secondary-action,.theme-toggle{align-items:center;border:0;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:0 15px;text-decoration:none}.primary-action{background:var(--blue);color:var(--white);box-shadow:0 10px 20px rgba(29,95,208,.18)}.primary-action:hover{background:var(--blue-dark)}.primary-action:disabled{cursor:not-allowed;opacity:.65;transform:none}.logout-button,.secondary-action,.theme-toggle{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.logout-button:hover,.secondary-action:hover,.theme-toggle:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.theme-toggle{gap:8px;min-height:40px}.theme-toggle span:first-child{align-items:center;background:var(--surface-strong);border:1px solid var(--line);color:var(--blue-dark);display:inline-flex;font-size:11px;font-weight:900;height:22px;justify-content:center;width:22px}.danger-action{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 34%,transparent);color:var(--red)}.compact-link{min-height:40px}.dashboard-message,.status-message{background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 38%,transparent);border-left:4px solid var(--green);color:var(--success-text);line-height:1.5;margin:0;padding:12px 14px}.error-message{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 34%,transparent);border-left-color:var(--red);color:var(--red)}.dashboard-shell{background:var(--background);display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:var(--white);display:flex;flex-direction:column;gap:28px;padding:22px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.dashboard-shell.role-admin .sidebar{background:var(--sidebar-admin)}.dashboard-shell.role-developer .sidebar{background:var(--sidebar-developer)}.dashboard-shell.role-member .sidebar{background:var(--sidebar-member)}.sidebar-brand{align-items:center;display:flex;gap:11px;padding:4px}.sidebar-brand div,.sidebar-user div{display:grid;grid-gap:2px;gap:2px}.sidebar-brand small,.sidebar-user small{color:rgba(255,255,255,.62);font-size:12px}.sidebar-logo{border-radius:var(--radius-sm);font-size:14px;height:38px;width:38px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav-link{border-radius:var(--radius-sm);color:rgba(255,255,255,.74);font-size:14px;font-weight:700;padding:10px 11px;text-decoration:none}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.12);color:#ffffff}.sidebar-user{align-items:center;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:10px;margin-top:auto;padding:14px 4px 4px}.avatar{align-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);color:#ffffff;display:inline-flex;font-size:13px;font-weight:900;height:38px;justify-content:center;width:38px}.dashboard-content{display:grid;grid-gap:22px;gap:22px;padding:28px}.column-header,.dashboard-controls,.dashboard-header,.section-heading-row,.ticket-card footer,.ticket-card-header{align-items:center;display:flex;justify-content:space-between}.dashboard-header{gap:20px}.column-header h2,.comments-panel h2,.dashboard-form h2,.dashboard-header h1,.management-list h2,.ticket-card h3,.ticket-detail-header h1,.ticket-edit-panel h2,.ticket-main-panel h2,.ticket-side-panel h2{margin:0}.dashboard-header h1{font-size:32px;line-height:1.16}.header-summary{color:var(--muted);line-height:1.45;margin:8px 0 0}.button-row,.comment-meta,.header-actions,.ticket-hero-meta,.ticket-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dashboard-controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:16px;padding:16px}.dashboard-controls label{min-width:min(360px,100%)}.role-note{color:var(--muted);display:grid;grid-gap:6px;gap:6px;justify-items:flex-end;line-height:1.4}.role-note.standalone{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius);justify-items:start;margin:0;padding:12px}.badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;line-height:1;min-height:24px;padding:5px 9px;text-transform:capitalize;white-space:nowrap}.priority-critical,.priority-high,.status-blocked,.user-role-admin{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 34%,transparent);color:var(--red)}.priority-medium,.status-in-progress,.user-role-developer{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 34%,transparent);color:var(--amber)}.priority-low,.status-done,.user-role-member{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 34%,transparent);color:var(--green)}.status-todo,.type-task{background:var(--blue-soft);border-color:color-mix(in srgb,var(--blue) 34%,transparent);color:var(--blue-dark)}.type-bug{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 34%,transparent);color:var(--red)}.type-story{background:var(--purple-soft);border-color:color-mix(in srgb,var(--purple) 34%,transparent);color:var(--purple)}.metric-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-form,.management-list,.metric-grid div,.ticket-edit-panel,.ticket-main-panel,.ticket-side-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--panel-shadow)}.metric-grid div{display:grid;grid-gap:6px;gap:6px;padding:16px}.metric-grid span{color:var(--muted);font-size:13px;font-weight:800}.metric-grid strong{font-size:30px;line-height:1}.metric-grid small{color:var(--muted)}.ticket-board{align-items:start;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-column{background:var(--board-column);border:1px solid var(--line);border-radius:var(--radius);min-height:360px;padding:12px}.column-header{padding:3px 2px 12px}.column-header h2{color:var(--ink-soft);font-size:13px;letter-spacing:0;text-transform:uppercase}.column-header span{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:900;min-width:26px;padding:4px 8px;text-align:center}.ticket-list{display:grid;grid-gap:10px;gap:10px}.ticket-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);display:grid;grid-gap:11px;gap:11px;padding:13px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ticket-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.ticket-card-header a{color:var(--blue-dark);font-size:12px;font-weight:900;text-decoration:none}.ticket-card-header a:hover{text-decoration:underline}.my-ticket-card h2,.ticket-card h3{font-size:15px;line-height:1.35}.ticket-card p{color:var(--muted);display:-webkit-box;font-size:13px;line-height:1.45;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ticket-meta-row{color:var(--muted);font-size:12px}.ticket-card footer{border-top:1px solid var(--line);gap:10px;padding-top:10px}.ticket-card footer span{color:var(--muted);font-size:12px}.ticket-card select{font-size:12px;min-height:32px;padding:5px 7px}.ticket-actions{align-items:stretch;display:grid;grid-gap:6px;gap:6px}.ticket-actions button{background:var(--blue-soft);border:1px solid color-mix(in srgb,var(--blue) 36%,transparent);color:var(--blue-dark);cursor:pointer;font-size:12px;font-weight:900;min-height:30px;padding:4px 8px}.ai-insight{background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 38%,transparent);border-left:4px solid var(--green);display:grid;grid-gap:9px;gap:9px;padding:18px}.ai-insight h2,.ai-insight p{margin:0}.ai-insight h2{font-size:18px}.ai-insight p,.empty-column{color:var(--muted);line-height:1.5}.empty-column{font-size:13px;margin:12px 2px}.dashboard-forms{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}.dashboard-form{gap:14px;padding:20px}.dashboard-form h2{font-size:20px}.ticket-detail-shell{background:var(--background);color:var(--ink);display:grid;grid-gap:22px;gap:22px;min-height:100vh;padding:28px}.ticket-detail-header{align-items:flex-end;background:var(--surface);border:1px solid var(--line);box-shadow:var(--panel-shadow);display:flex;gap:18px;justify-content:space-between;padding:22px}.ticket-detail-header h1{font-size:30px;line-height:1.2}.ticket-hero-meta{margin-top:12px}.ticket-detail-grid{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 350px}.ticket-edit-panel,.ticket-main-panel,.ticket-side-panel{display:grid;grid-gap:16px;gap:16px;padding:22px}.ticket-side-panel{position:-webkit-sticky;position:sticky;top:28px}.content-section{display:grid;grid-gap:8px;gap:8px}.content-two-up{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.attachments-panel h2,.comments-panel h2,.ticket-edit-panel h2,.ticket-main-panel h2,.ticket-side-panel h2{font-size:20px}.attachment-item p,.comment-item p,.ticket-main-panel p{color:var(--muted);line-height:1.55;margin:0}.section-heading-row{gap:16px}.section-heading-row>span{color:var(--muted);font-size:13px;font-weight:800}.ticket-field-list{display:grid;grid-gap:10px;gap:10px;margin:0}.ticket-field-list div{border-bottom:1px solid var(--line);display:grid;grid-gap:4px;gap:4px;padding-bottom:10px}.ticket-field-list dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.ticket-field-list dd{color:var(--ink-soft);font-weight:800;margin:0;overflow-wrap:anywhere;text-transform:capitalize}.activity-list,.attachment-list,.attachments-panel,.comment-list,.comments-panel,.my-ticket-list{display:grid;grid-gap:12px;gap:12px}.activity-item,.attachment-item,.comment-item,.management-item{background:var(--surface-muted);border:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding:14px}.activity-item small,.attachment-item small,.comment-item small{color:var(--muted);font-size:12px}.attachment-item{grid-template-columns:minmax(0,1fr) auto}.attachment-item small,.attachment-item strong{display:block}.upload-progress{align-items:center;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.upload-progress progress{accent-color:var(--blue);height:12px;width:100%}.attachment-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-badges span{background:var(--blue-soft);color:var(--blue-dark);font-size:12px;font-weight:800;padding:5px 8px}.attachment-tags{font-size:13px;margin-top:8px}.attachment-preview{background:var(--field);border:1px solid var(--line);cursor:zoom-in;display:block;margin-top:10px;max-width:480px;overflow:hidden;padding:0;text-align:left}.attachment-preview iframe,.attachment-preview img{border:0;display:block;height:auto;max-height:280px;object-fit:contain;width:100%}.attachment-preview iframe{height:280px}.attachment-comments,.attachment-insight{background:var(--surface);border:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;margin-top:10px;padding:12px}.attachment-insight pre{background:var(--field-muted);border:1px solid var(--line);font-size:12px;max-height:180px}.attachment-comments form{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.comment-meta span{background:var(--amber-soft);color:var(--warning-text);font-size:12px;font-weight:900;padding:4px 8px}.comment-edit{display:grid;grid-gap:10px;gap:10px}.inline-check{align-items:center;display:flex;gap:8px}.inline-check input{min-height:auto;width:auto}.activity-item small,.activity-item span,.management-item p,.management-item small,.management-item span{color:var(--muted);margin:0}.my-ticket-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.my-ticket-card h2{font-size:18px;margin:0}.compact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.management-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.management-list{display:grid;grid-gap:12px;gap:12px;padding:20px}.management-list h2{font-size:20px}.admin-user-forms{display:grid;grid-gap:18px;gap:18px}.employee-row{border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.employee-row button{align-self:end}.ticket-edit-panel{max-width:1040px}.agent-chat{bottom:18px;display:grid;grid-gap:8px;gap:8px;justify-items:end;position:fixed;right:18px;z-index:20}.agent-toggle{background:var(--ink);border:0;box-shadow:var(--shadow-soft);color:var(--background);cursor:pointer;font-weight:900;min-height:42px;padding:0 16px}.agent-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;max-height:min(620px,calc(100vh - 86px));padding:14px;width:min(390px,calc(100vw - 36px))}.agent-panel header{border-bottom:1px solid var(--line);padding-bottom:10px}.agent-panel header div{display:grid;grid-gap:3px;gap:3px}.agent-panel header span{color:var(--muted);font-size:12px}.agent-messages{display:grid;grid-gap:8px;gap:8px;min-height:180px;overflow-y:auto}.agent-message{display:grid;grid-gap:6px;gap:6px;line-height:1.45;margin:0;max-width:88%;overflow-wrap:anywhere;padding:9px 11px}.agent-message ul{display:grid;grid-gap:4px;gap:4px;margin:0;padding-left:18px}.agent-message li{padding-left:2px}.agent-message.assistant{background:var(--surface-strong);justify-self:start}.agent-message.user{background:var(--blue-soft);justify-self:end}.agent-suggestions{display:grid;grid-gap:6px;gap:6px}.agent-suggestions button{background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;padding:8px;text-align:left}.agent-input{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.agent-input button{background:var(--blue);border:0;color:var(--white);cursor:pointer;font-weight:800;padding:0 14px}.agent-input button:disabled{cursor:not-allowed;opacity:.6}.loading-panel{background:var(--surface);border:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;padding:24px}.skeleton-grid span,.skeleton-line{animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--surface-strong),var(--surface-muted),var(--surface-strong));background-size:200% 100%;height:18px}.skeleton-line{width:42%}.skeleton-line.wide{height:30px;width:68%}.skeleton-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes pulse{0%{background-position:0 50%}to{background-position:200% 50%}}@media (max-width:980px){.auth-page{grid-template-columns:1fr;padding:20px}.brand-panel{min-height:420px;padding:32px}h1{font-size:34px}.dashboard-shell{grid-template-columns:1fr}.sidebar{gap:14px;height:auto;position:static}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar-user{margin-top:0}.dashboard-content,.ticket-detail-shell{padding:18px}.dashboard-controls,.dashboard-header,.ticket-detail-header{align-items:stretch;display:grid}.role-note{justify-items:flex-start}.content-two-up,.dashboard-forms,.management-layout,.metric-grid,.ticket-board,.ticket-detail-grid{grid-template-columns:1fr}.ticket-side-panel{position:static}.attachment-item{grid-template-columns:1fr}.agent-chat{bottom:10px;right:10px}}@media (max-width:620px){.auth-page{padding:12px}.auth-panel,.brand-panel,.dashboard-form,.ticket-detail-header,.ticket-edit-panel,.ticket-main-panel,.ticket-side-panel{padding:18px}.attachment-form-grid,.compact-fields,.form-row,.name-grid,.skeleton-grid{grid-template-columns:1fr}.button-row,.header-actions{align-items:stretch;display:grid}.agent-input,.attachment-comments form{grid-template-columns:1fr}}