:root{--hde-build: 3}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh;display:flex;flex-direction:column}#root>.fui-FluentProvider{flex:1;display:flex;flex-direction:column}.login-shell{flex:1;display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:44px 48px;background:linear-gradient(140deg,#0a3d75,#0f6cbd 48%,#4f52b2);color:#fff;overflow:hidden}.brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 15%,rgba(255,255,255,.12),transparent 60%),radial-gradient(500px 500px at 10% 95%,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.brand-panel>*{position:relative}.brand-logo-row{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}.logo-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#ffffff29;font-size:22px}.top-bar .logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(140deg,#0f6cbd,#4f52b2);color:#fff;font-size:18px}.brand-hero h1{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.02em;font-weight:700;margin:0 0 16px}.brand-hero p{font-size:17px;line-height:1.5;opacity:.88;max-width:46ch;margin:0}.provenance{max-width:540px;padding:16px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;font-size:13px;line-height:1.55}.provenance a{color:#fff}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--colorNeutralBackground1)}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.demo-buttons{display:flex;gap:10px}.demo-buttons>button{flex:1}.app-shell{flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--colorNeutralBackground3)}.top-bar{position:sticky;top:0;z-index:10;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--colorNeutralBackground1);border-bottom:1px solid var(--colorNeutralStroke2)}.top-bar-side{display:flex;align-items:center;gap:10px}.app-body{flex:1;display:flex;align-items:stretch}.side-nav{width:232px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:var(--colorNeutralBackground1);border-right:1px solid var(--colorNeutralStroke2)}.side-nav .new-ticket-btn{margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--colorNeutralForeground2);font:inherit;font-size:14px;text-align:left;cursor:pointer}.nav-item:hover{background:var(--colorNeutralBackground1Hover);color:var(--colorNeutralForeground1)}.nav-item.active{position:relative;background:var(--colorNeutralBackground1Selected);color:var(--colorNeutralForeground1);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:2px;background:var(--colorCompoundBrandStroke)}.content{flex:1;min-width:0;padding:24px 28px 56px}.content-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.card-badges{display:flex;gap:8px;flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;text-align:center;color:var(--colorNeutralForeground3)}.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.danger-btn{background:var(--colorStatusDangerBackground3);color:#fff}.danger-btn:hover{background:var(--colorStatusDangerBackground3Hover, var(--colorStatusDangerBackground3));color:#fff}.brand-badge{font-size:12px;letter-spacing:.02em;color:var(--colorNeutralForeground3);text-decoration:none;transition:color .15s ease;white-space:nowrap}.brand-badge:hover{color:var(--colorNeutralForeground1)}.brand-dot{color:#5555c0;font-weight:700}[data-theme=dark] .brand-dot{color:#8b8be8}.auth-card .brand-badge{align-self:center;margin-top:2px}.side-nav .brand-badge{margin-top:auto;padding:10px 12px 2px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .4s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.rise{animation:none}}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-panel{padding:32px;gap:28px}}@media(max-width:760px){.app-body{flex-direction:column}.side-nav{width:100%;flex-direction:row;align-items:center;padding:8px 12px;border-right:none;border-bottom:1px solid var(--colorNeutralStroke2)}.side-nav .new-ticket-btn{margin-bottom:0;margin-left:auto;order:2}.side-nav .brand-badge{display:none}.content{padding:16px 16px 40px}}