:root{--bg:#f5f7fb;--bg-deep:#eef2f7;--panel:rgba(255,255,255,0.94);--panel-solid:#ffffff;--panel-strong:#0f172a;--line:rgba(15,23,42,0.1);--text:#101828;--muted:#667085;--accent:#2563eb;--accent-2:#0f766e;--accent-3:#b7791f;--danger:#b42318;--shadow:0 16px 42px rgba(16,24,40,0.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg-deep));color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:260px 1fr}.shell,.sidebar{min-height:100vh}.sidebar{background:linear-gradient(180deg,#111827,#0b1220 74%);color:#f8fafc;padding:26px 18px;position:-webkit-sticky;position:sticky;top:0}.brand{display:grid;grid-gap:5px;gap:5px;margin-bottom:18px}.brand span{color:#93c5fd;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.brand strong{font-size:22px;font-weight:950}.sideStatus{align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#dbeafe;display:flex;font-size:13px;gap:8px;margin-bottom:22px;padding:11px 12px}.pulse{background:#58d68d;border-radius:50%;box-shadow:0 0 0 7px rgba(88,214,141,.12);height:8px;width:8px}.sidebar nav{display:grid;grid-gap:8px;gap:8px}.sidebar a{border-radius:12px;color:#cbd5e1;padding:12px 14px;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar a:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateX(3px)}.logoutForm{margin-top:22px}.logoutForm button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#dbeafe;cursor:pointer;padding:11px 14px;text-align:left;width:100%}.logoutForm button:hover{background:rgba(255,255,255,.14);color:#ffffff}.main{padding:30px}.loginPage{align-items:center;display:flex;min-height:calc(100vh - 60px)}.loginPanel{background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-gap:20px;gap:20px;max-width:460px;padding:34px;width:100%}.loginPanel h1{font-size:34px;letter-spacing:-.04em;margin:0 0 10px}.loginHint,.loginLead{color:var(--muted);line-height:1.6;margin:0}.loginHint{background:#f8fafc;border:1px solid var(--line);border-radius:14px;font-size:13px;padding:12px 14px}.authError{background:#fef3f2;border:1px solid #fecdca;border-radius:12px;font-size:14px;padding:12px 14px}.authError,.dangerText{color:var(--danger)}.pageHeader{margin-bottom:20px;max-width:920px}.kicker,.pageHeader p{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.pageHeader h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;line-height:1.08;margin:0 0 10px}.pageHeader span{color:var(--muted);font-size:15px;line-height:1.6}.grid{display:grid;grid-gap:18px;gap:18px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.twoCols{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.twoEqual{grid-template-columns:repeat(2,minmax(0,1fr))}.detailGrid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.dashboardOps{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.spaciousTop{margin-top:20px}.spacious{margin-top:18px}.card,.heroPanel,.ticketDetailHero{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.elevated{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.heroPanel{align-items:center;display:flex;justify-content:space-between;gap:24px;position:relative}.heroPanel:after{background:none;content:"";height:0;position:absolute;right:-80px;top:-80px;width:0}.heroPanel>*{position:relative;z-index:1}.heroPanel h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;line-height:1.12;margin:0 0 10px;max-width:720px}.heroPanel p{color:var(--muted);line-height:1.6;margin:0 0 16px;max-width:680px}.aiHero,.dashboardHero{background:var(--panel-solid)}.compactHero{min-height:132px}.heroScore{background:#0f172a;border-radius:16px;color:#ffffff;min-width:210px;padding:24px;text-align:center}.heroScore small,.heroScore span{color:#cbd5e1;display:block}.heroScore strong{display:block;font-size:56px;letter-spacing:-.06em;line-height:1;margin:6px 0}.heroSteps{display:grid;grid-gap:10px;gap:10px;min-width:220px}.heroSteps span{background:#f8fafc;border:1px solid var(--line);border-radius:12px;font-weight:800;padding:12px 14px}.card h2,.card h3{margin:0 0 14px}.darkCard{background:linear-gradient(135deg,#101828,#1d2939);color:#ffffff}.darkCard p{color:#d0d5dd;line-height:1.7}.sectionTitle{align-items:flex-end;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.sectionTitle span{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sectionTitle strong{display:block;font-size:20px;letter-spacing:-.03em}.sectionTitle.compact{align-items:start;display:grid;grid-gap:4px;gap:4px}.modernStat{min-height:132px}.stat .value{display:block;font-size:40px;font-weight:950;letter-spacing:-.07em;line-height:1;margin:12px 0}.stat .label{color:var(--muted);font-size:14px;font-weight:800}.stat p{color:var(--muted);margin:0}.table{width:100%;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--line);padding:14px 10px;text-align:left}.table th{color:var(--muted);font-size:13px}.badge{border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;line-height:1;padding:7px 10px;white-space:nowrap}.priority-high,.priority-urgent,.status-cancelled{background:#fef3f2;border-color:#fecdca;color:var(--danger)}.mode-ai,.priority-normal,.status-active,.status-open{background:#ecfdf3;border-color:#abefc6;color:var(--accent-2)}.priority-low,.status-closed,.status-resolved{background:#f2f4f7;border-color:#eaecf0;color:#475467}.mode-human,.status-assigned,.status-processing,.status-waiting_customer,.status-waiting_parts,.status-waiting_staff{background:#fffaeb;border-color:#fedf89;color:#93370d}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{align-items:center;background:var(--text);border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;min-height:44px;padding:12px 16px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{box-shadow:0 12px 30px rgba(23,33,27,.18);transform:translateY(-1px)}.button.secondary,.glassButton{background:#eef2f6;color:var(--text)}.heroButton{background:linear-gradient(135deg,#1d4ed8,#0f766e)}.dangerButton{background:#fef3f2;color:var(--danger)}.ticketList,.timeline{display:grid;grid-gap:12px;gap:12px}.refined{gap:10px}.message,.ticketRow{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:14px;padding:14px}.softMessage{background:#f8fafc}.message strong{align-items:center;display:flex;gap:8px;margin-bottom:6px}.message small,.message span,.ticketRow small{color:var(--muted);line-height:1.6}.ticketRow{align-items:center;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) auto auto;transition:border-color .16s ease,transform .16s ease,background .16s ease}.ticketRow:hover{background:#ffffff;border-color:rgba(37,99,235,.32);transform:translateY(-1px)}.compactList{max-height:460px;overflow:auto;padding-right:4px}.urgentRow{background:#fffafa;border-color:rgba(180,35,24,.18)}.staffList{display:grid;grid-gap:14px;gap:14px}.staffRow{background:#ffffff;border:1px solid var(--line);border-radius:16px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(260px,1fr) minmax(280px,.8fr) minmax(300px,.7fr);padding:18px}.staffMain{gap:14px;min-width:0}.staffAvatar,.staffMain{align-items:center;display:flex}.staffAvatar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;color:#1d4ed8;flex:0 0 46px;font-size:20px;font-weight:950;height:46px;justify-content:center;width:46px}.staffTitleLine{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.staffTitleLine strong{font-size:18px}.staffMeta{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.staffMeta span{color:var(--muted);display:block;font-size:12px;font-weight:900;margin-bottom:6px}.staffMeta strong{font-size:14px;line-height:1.5}.staffActions{align-content:center}.inlinePasswordForm,.staffActions{display:grid;grid-gap:10px;gap:10px}.inlinePasswordForm{grid-template-columns:minmax(130px,1fr) auto}.staffCreateForm{grid-template-columns:repeat(4,minmax(0,1fr))}.shiftSummary{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(120px,1fr));min-width:360px}.shiftSummary div{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px}.shiftSummary strong{display:block;font-size:24px;letter-spacing:-.04em;margin-bottom:6px}.presetCard span,.shiftSummary span{color:var(--muted);font-size:12px;font-weight:900}.shiftPlanner{display:grid;grid-gap:18px;gap:18px}.presetGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.presetCard{background:#f8fafc;border:1px solid var(--line);border-radius:16px;display:grid;grid-gap:10px;gap:10px;padding:16px}.presetCard strong{display:block;font-size:18px;margin-bottom:4px}.presetCard p{color:var(--muted);line-height:1.5;margin:0}.shiftCreateForm{grid-template-columns:repeat(4,minmax(0,1fr))}.shiftBoard{display:grid;grid-gap:14px;gap:14px}.shiftCard{background:#ffffff;border:1px solid var(--line);border-radius:16px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(280px,.58fr) minmax(0,1fr);padding:18px}.shiftCard.current{border-color:rgba(37,99,235,.35);box-shadow:0 14px 34px rgba(37,99,235,.08)}.shiftCardMain{align-items:flex-start;display:flex;gap:14px;min-width:0}.smallAvatar{flex-basis:42px;height:42px;width:42px}.shiftEditForm{align-items:flex-end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.staffLoadList{display:grid;grid-gap:12px;gap:12px}.staffLoadItem{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;padding:13px 14px}.staffLoadItem div{display:grid;grid-gap:4px;gap:4px}.staffLoadItem small{color:var(--muted)}.staffLoadItem span{background:#eef4ff;border-radius:999px;color:var(--accent);font-weight:900;padding:6px 10px}.distributionGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.distributionItem{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;padding:12px}.distributionItem strong{font-size:20px}.ticketRow strong{display:block;font-size:17px;margin:4px 0}.bigRow{min-height:92px}.heroBadges,.rowBadges{display:flex;flex-wrap:wrap;gap:8px}.ownerPill{background:#f2f4f7;border-radius:999px;color:#344054;font-size:13px;font-weight:900;padding:8px 10px;white-space:nowrap}.emptyText,.mutedText{color:var(--muted)}.emptyText{margin:0}.formGrid{display:grid;grid-gap:12px;gap:12px}.roomyForm{gap:16px}.compactForm{gap:12px}label{color:var(--muted);display:grid;font-size:13px;font-weight:900;grid-gap:8px;gap:8px}.input,.textarea{background:#ffffff;border:1px solid var(--line);border-radius:10px;color:var(--text);outline:none;padding:13px 14px;width:100%}.input:focus,.textarea:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.largeInput{min-height:52px}.textarea{min-height:120px;resize:vertical}.largeTextarea{min-height:170px}.hintBox{background:#f8fafc;border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:6px;gap:6px;padding:14px}.hintBox span{color:var(--muted);line-height:1.6}.miniMetrics{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:18px}.miniMetrics div{background:rgba(255,255,255,.08);border-radius:12px;padding:14px}.miniMetrics strong{display:block;font-size:28px}.miniMetrics span{color:#d0d5dd;font-size:12px}.ticketLayout{grid-template-columns:minmax(320px,.52fr) minmax(0,1fr)}.scrollList{max-height:760px;overflow:auto;padding-right:4px}.ticketDetailHero{align-items:center;display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr 1fr 1fr auto}.ticketDetailHero strong{display:block;font-size:20px;margin-top:6px}.conversationCard{min-height:520px}.chatStream{display:grid;grid-gap:14px;gap:14px}.chatBubble{border-radius:16px;max-width:82%;padding:14px 16px}.chatBubble div{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.chatBubble small{color:var(--muted)}.chatBubble p{line-height:1.75;margin:0}.chatBubble.customer{background:#fff;border:1px solid var(--line);justify-self:start}.chatBubble.ai{background:#ecfdf3;border:1px solid #abefc6;justify-self:start}.chatBubble.staff{background:#1d4ed8;color:#ffffff;justify-self:end}.chatBubble.staff small{color:#dbeafe}.chatBubble.system{background:#f2f4f7;justify-self:center}.sidePanelStack{align-content:start}.separatedActions{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.eventList{display:grid;grid-gap:14px;gap:14px}.eventItem{display:grid;grid-gap:12px;gap:12px;grid-template-columns:12px 1fr}.eventItem>span{background:var(--accent);border-radius:999px;box-shadow:0 0 0 6px rgba(37,99,235,.1);height:10px;margin-top:5px;width:10px}.eventItem div{border-bottom:1px solid var(--line);display:grid;grid-gap:4px;gap:4px;padding-bottom:12px}.eventItem p{line-height:1.6;margin:0}.eventItem p,.eventItem small{color:var(--muted)}@media (max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboardOps,.detailGrid,.presetGrid,.shiftCard,.shiftCreateForm,.shiftEditForm,.staffCreateForm,.staffRow,.stats,.ticketDetailHero,.ticketLayout,.twoCols{grid-template-columns:1fr}.heroPanel{align-items:stretch;display:grid}}@media (max-width:720px){.main{padding:20px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.heroPanel,.ticketDetailHero{border-radius:22px;padding:18px}.ticketRow{align-items:start}.miniMetrics,.shiftSummary,.ticketRow,.twoEqual{grid-template-columns:1fr}.chatBubble{max-width:100%}}