.tour-root{display:contents}.tour-still *,.tour-still *:before,.tour-still *:after{animation:none!important;transition:none!important}.tour-welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:grid;place-items:center;padding:16px;background:#080c189e;animation:tourFade .3s ease both}.tour-welcome{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow:auto;background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border);border-radius:16px;padding:26px 24px 18px;box-shadow:0 24px 60px #00000059;animation:tourIn .4s ease both}.tw-hero{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tw-word{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:1.05rem;padding:6px 12px;border-radius:999px;background:var(--color-mist);color:var(--color-primary);animation:tourPop .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:var(--d, 0s)}.tour-welcome h2{margin:0 0 6px;font-size:1.3rem;color:var(--color-ink)}.tw-intro{margin:0 0 12px;color:var(--color-text-muted);line-height:1.5}.tw-points{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.tw-points li{position:relative;padding-left:22px;font-size:.92rem;animation:tourSlide .4s ease both;animation-delay:var(--d, 0s)}.tw-points li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:800}.tw-hint{font-size:.8rem;color:var(--color-text-muted);margin:0 0 14px}.tw-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.tour-shield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent}.tour-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#080c189e;pointer-events:none;animation:tourFade .25s ease both}.tour-spot{position:fixed;z-index:9999;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #080c189e;transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease}.tour-spot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:2px solid var(--color-primary);animation:tourPulse 1.8s ease-out infinite}.tour-loading{position:fixed;z-index:10000;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border);padding:10px 16px;border-radius:10px;font-size:.9rem}.tour-tip{position:fixed;z-index:10000;width:min(380px,calc(100vw - 24px));background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border);border-radius:14px;padding:16px 16px 12px;box-shadow:0 18px 48px #00000059;animation:tourIn .3s ease both}.tour-tip.sheet{left:12px;right:12px;width:auto}.tour-tip h3{margin:8px 0 6px;font-size:1.05rem;color:var(--color-ink)}.tour-tip p{margin:0 0 10px;font-size:.9rem;line-height:1.5;color:var(--color-text)}.tour-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-step-count{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.tour-progress{height:4px;border-radius:4px;background:var(--color-mist);margin:8px 0 4px;overflow:hidden}.tour-progress>div{height:100%;background:var(--color-primary);border-radius:4px;transition:width .35s ease}.tour-tag{display:inline-block;margin-top:6px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px}.tour-tag.data{background:var(--color-mist);color:var(--color-primary)}.tour-tag.preview{background:transparent;color:var(--color-text-muted);border:1px dashed var(--color-border)}.tour-note{background:var(--color-mist);border-radius:8px;padding:8px 10px;font-size:.82rem;margin-bottom:10px;color:var(--color-text)}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.tour-nav{display:flex;gap:8px}.tour-skip{background:none;border:0;padding:6px 2px;color:var(--color-text-muted);font-size:.82rem;cursor:pointer;text-decoration:underline}.tour-skip:hover{color:var(--color-text)}.tour-motion{display:inline-flex;align-items:center;gap:4px;background:var(--color-mist);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:3px 9px;font-size:.72rem;cursor:pointer}.tour-welcome .tour-motion{margin-top:12px}.tour-demo{border:1px dashed var(--color-border);border-radius:10px;padding:10px;margin-bottom:10px;background:var(--color-mist)}.tour-demo-label{margin-top:8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.td-field{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:7px 10px;font-size:.82rem}.td-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:tourType 1.1s steps(22) both}.td-chips{display:flex;gap:6px;margin:8px 0}.td-chip{font-size:.72rem;padding:2px 9px;border-radius:999px;background:var(--color-white);border:1px solid var(--color-border);animation:tourPop .4s ease both;animation-delay:var(--d)}.td-submit{display:inline-block;font-size:.78rem;font-weight:700;padding:5px 14px;border-radius:8px;background:var(--color-primary);color:#fff;animation:tourPress .5s ease both;animation-delay:var(--d)}.td-done{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:.78rem;font-weight:600;color:var(--color-primary);animation:tourSlide .4s ease both;animation-delay:var(--d)}.td-chat{display:grid;gap:6px}.td-bubble{max-width:82%;padding:6px 10px;border-radius:12px;font-size:.78rem;animation:tourPop .4s ease both;animation-delay:var(--d)}.td-bubble.left{background:var(--color-white);border:1px solid var(--color-border);justify-self:start}.td-bubble.right{background:var(--color-primary);color:#fff;justify-self:end}.td-bell{display:flex;align-items:center;gap:10px}.td-bell-icon{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--color-white);border:1px solid var(--color-border);animation:tourRing 1.6s ease 1s 2}.td-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:#dc2626;color:#fff;font-size:.65rem;display:grid;place-items:center;animation:tourPop .4s ease both;animation-delay:var(--d)}.td-note{font-size:.78rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;animation:tourSlide .4s ease both;animation-delay:var(--d)}.td-wifi{display:grid;gap:6px}.td-step{display:flex;align-items:center;gap:6px;font-size:.78rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;animation:tourSlide .4s ease both;animation-delay:var(--d)}.tour-finish{text-align:center;width:min(420px,calc(100vw - 24px))}.tour-finish h3{font-size:1.2rem;margin-top:4px}.tf-burst{position:relative;width:56px;height:56px;margin:0 auto 6px;display:grid;place-items:center;color:var(--color-primary)}.tf-burst i{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:var(--color-primary);transform:rotate(calc(var(--i) * 45deg)) translateY(-26px);animation:tourSpark .9s ease-out both}.tf-main{width:100%;margin-top:4px}.tf-extra{width:100%;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.tf-extra span{font-size:.74rem;font-weight:400;color:var(--color-text-muted)}@keyframes tourFade{0%{opacity:0}to{opacity:1}}@keyframes tourIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes tourSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes tourPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes tourPulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes tourType{0%{width:0}to{width:100%}}@keyframes tourPress{0%{opacity:0}40%{opacity:1;transform:scale(1)}60%{transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes tourRing{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-6deg)}}@keyframes tourSpark{0%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translateY(-6px)}to{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(-30px)}}@media (max-width: 420px){.tour-welcome{padding:20px 16px 14px}.tour-tip{padding:14px 14px 10px}.tw-actions{flex-direction:column-reverse;align-items:stretch}}:root{--sidebar-bg: #0F2747;--sidebar-w: 240px}.shell{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text)}body.menu-open{overflow:hidden}.shell-sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-w);max-width:86vw;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;transform:translate(-100%);visibility:hidden;overflow-y:auto;overscroll-behavior:contain}.shell-sidebar.open{transform:translate(0);visibility:visible;box-shadow:0 0 40px #00000073}@media (prefers-reduced-motion: no-preference){.shell-sidebar{transition:transform .22s ease,visibility 0s linear .22s}.shell-sidebar.open{transition:transform .22s ease,visibility 0s}}.shell-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.shell-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 14px 8px 20px}.shell-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.shell-brand-name{color:#fff;font-weight:700;font-size:15px;line-height:1.2}.shell-brand-sub{color:#ffffff8c;font-size:12px}.shell-nav{flex:1;padding:8px 12px 12px}.shell-nav-title{color:#fff6;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:16px 12px 8px}.shell-link{display:flex;align-items:center;gap:11px;padding:10px 12px;margin-bottom:3px;border-radius:8px;border-left:3px solid transparent;color:#ffffffad;text-decoration:none;font-size:14px;font-weight:500}.shell-link:hover{background:#ffffff0f;color:#fff}.shell-link.active{background:#6fc62c29;color:#8fe050;font-weight:600;border-left-color:#6fc62c}.shell-sidebar-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1)}.user-chip{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:10px;min-width:0}.user-chip-avatar{width:34px;height:34px;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.user-chip-text{min-width:0}.user-chip-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-role{font-size:11.5px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;border:none;cursor:pointer;background:#ffffff14;color:#ffffffe0;border-radius:8px;padding:9px 12px;font-size:13px}.logout-btn:hover{background:#ffffff24}.shell-sidebar .icon-btn{color:#ffffffd9}.shell-sidebar .icon-btn:hover{background:#ffffff1a}.shell-main{min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.shell-header{position:sticky;top:0;z-index:40;min-height:56px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--color-white);border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.brand-mobile{font-weight:700;font-size:15px;color:var(--color-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search{display:none;position:relative;flex:1;max-width:440px}.header-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.header-search input{width:100%;box-sizing:border-box;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid var(--color-border);font-size:14px}.icon-btn{width:38px;height:38px;border-radius:10px;border:none;background:transparent;color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.icon-btn:hover{background:var(--color-mist)}.theme-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 11px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-mist);color:var(--color-ink);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.theme-label{display:none}.avatar-wrap{position:relative}.avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:2px;border-radius:10px;color:var(--color-ink)}.avatar-circle{width:34px;height:34px;border-radius:50%;background:var(--color-mist);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.avatar-text{display:none;text-align:left;min-width:0}.avatar-text strong{display:block;font-size:13px;line-height:1.25;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-text span{display:block;font-size:11px;color:var(--color-text-muted);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-chevron{display:none;color:var(--color-text-muted)}.avatar-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:6px;z-index:120;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000002e}.avatar-menu a,.avatar-menu button{display:block;width:100%;box-sizing:border-box;text-align:left;padding:10px;border:none;background:none;border-radius:6px;font-size:13px;color:var(--color-ink);text-decoration:none;cursor:pointer}.avatar-menu a:hover,.avatar-menu button:hover{background:var(--color-mist)}.avatar-menu .danger{color:#d14b4b}.shell-content{flex:1;min-width:0;width:100%;max-width:1500px;box-sizing:border-box;padding:16px}.shell--student .shell-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.shell-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;background:var(--color-white);border-top:1px solid var(--color-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav-link{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;font-size:10.5px;color:var(--color-text-muted);text-decoration:none}.bottomnav-link span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottomnav-link.active{color:var(--color-primary-dark);font-weight:600}@media (min-width: 700px){.theme-label{display:inline}.avatar-text,.avatar-chevron{display:block}.shell--ops .brand-mobile{display:none}.shell--ops .header-search{display:block}.shell-header{padding:10px 20px}.shell-content{padding:20px}}@media (min-width: 1024px){.shell-sidebar{transform:none;visibility:visible;box-shadow:none;transition:none}.shell-main{margin-left:var(--sidebar-w)}.shell-backdrop,.hamburger,.drawer-close,.brand-mobile{display:none!important}.shell-header{padding:12px 28px}.shell-content{padding:22px 28px}.shell-bottomnav{display:none}.shell--student .shell-content{padding-bottom:28px}}@media (max-width: 1100px){.shell-content [style*="grid-template-columns: minmax(0"]{grid-template-columns:minmax(0,1fr)!important}}@media (max-width: 700px){.shell-content [style*="grid-template-columns: repeat(4"],.shell-content [style*="grid-template-columns: repeat(5"],.shell-content [style*="grid-template-columns: repeat(6"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 600px){.shell-content [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}.shell-content .card{padding:16px}.shell-content .page-title{font-size:20px}.btn{min-height:40px}input,select,textarea{font-size:16px}}@media (max-width: 900px){.shell-content .data-table:not([style*=min-width]){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}[style*="position: fixed"]>.card{max-height:92vh;overflow-y:auto}:root{--color-primary: #6FC62C;--color-primary-dark: #5aa823;--color-ink: #0F2747;--color-bg: #F7F9FB;--color-white: #FFFFFF;--color-border: #E4E8EA;--color-mist: #EFF2F3;--color-text: #1C2530;--color-text-muted: #6B7480;--status-new: #2557B8;--status-progress: #1C6DBF;--status-waiting: #C77E1D;--status-resolved: #3F8F13;--status-closed: #8B98A6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--color-ink);margin:0;font-weight:700}.page-title{font-size:22px;margin-bottom:4px}.page-subtitle{color:var(--color-text-muted);font-size:14px;margin-bottom:24px}.section-title{font-size:15px;font-weight:700;color:var(--color-ink);margin:0 0 12px}p{margin:0 0 12px;line-height:1.55}a{color:var(--color-primary-dark);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.page{max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-mist);color:var(--color-ink)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-outline{background:transparent;color:var(--color-ink);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){border-color:var(--color-text-muted)}.btn-danger{background:#fbeaea;color:#b23434}.btn-danger:hover:not(:disabled){background:#f5d5d5}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:13px}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px}.card-clickable{transition:border-color .15s ease}.card-clickable:hover{border-color:var(--color-primary)}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--color-ink)}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:14px;color:var(--color-text);background:var(--color-white)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary)}.field-error{color:#b23434;font-size:13px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-new{background:#e8f0fe;color:var(--status-new)}.badge-in-progress{background:#eaf3fb;color:var(--status-progress)}.badge-waiting{background:#fcf1e0;color:var(--status-waiting)}.badge-resolved{background:#eaf7e0;color:var(--status-resolved)}.badge-closed{background:var(--color-mist);color:var(--status-closed)}.badge-normal{background:var(--color-mist);color:var(--color-text-muted)}.badge-high{background:#fcf1e0;color:var(--status-waiting)}.badge-urgent{background:#fbeaea;color:#b23434}.badge-role{background:var(--color-mist);color:var(--color-ink)}.chip{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;border:none;background:var(--color-mist);color:var(--color-text)}.chip-active{background:var(--color-ink);color:#fff}.category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 10px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-size:14px;font-weight:500;transition:border-color .15s ease,background .15s ease}.category-btn:hover{border-color:var(--color-primary);background:var(--color-mist)}.category-btn.selected{border-color:var(--color-primary);background:#eaf7e0}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden}.data-table th{text-align:left;padding:10px 14px;font-size:12px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-mist)}.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.empty-state h3{margin-bottom:4px}.skeleton{background:linear-gradient(90deg,var(--color-mist) 25%,#E5E9E6 37%,var(--color-mist) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.badge-escalated{background:#fbeaea;color:#b23434}@keyframes gentle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.pulse-badge{animation:gentle-pulse 1.6s ease-in-out infinite}.pulse-dot{animation:gentle-pulse 1.4s ease-in-out infinite;display:inline-block}:root{--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-border: #E2E8F0;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-accent: #22C55E;--color-accent-soft: rgba(34, 197, 94, .12)}:root[data-theme=dark]{--color-bg: #0F1522;--color-surface: #161D2E;--color-surface-hover: #1F2739;--color-border: #2A3348;--color-text-primary: #E4E8EE;--color-text-secondary: #9AA5B8;--color-accent: #4ADE80;--color-accent-soft: rgba(74, 222, 128, .15)}body{background-color:var(--color-bg);color:var(--color-text-primary)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.card-header,.card-title{color:var(--color-text-primary)}.card-description,.card-subtitle{color:var(--color-text-secondary)}input,select,textarea{background-color:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}.data-table{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.data-table th{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table tr:hover td{background-color:var(--color-surface-hover)}.theme-card-option{background-color:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-primary)}.theme-card-option.active{border-color:var(--color-accent);background-color:var(--color-accent-soft);color:var(--color-text-primary)}@media (prefers-reduced-motion: no-preference){html,body,.card,input,select,textarea,button,.data-table,.data-table td,.data-table th{transition:background-color .3s ease,color .3s ease,border-color .3s ease}}.theme-toggle-icon{transition:transform .3s ease,opacity .3s ease}html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,svg,video{max-width:100%}.card,.page-title,.page-subtitle,p,td,th,li{overflow-wrap:break-word}@media (pointer: coarse){.btn{min-height:44px}.btn-sm{min-height:38px}.chip{min-height:36px}}@media (max-width: 1000px){.report-grid{grid-template-columns:1fr!important}.page{max-width:100%}}@media (max-width: 768px){.data-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.card:has(.data-table){overflow-x:auto}}@media (max-width: 640px){.page-title{font-size:20px}.page-subtitle{font-size:13px;margin-bottom:16px}.card{padding:14px;border-radius:var(--radius-md)}.field input,.field select,.field textarea,input,select,textarea{font-size:16px}.btn{white-space:normal;text-align:center}.category-btn{padding:16px 8px;font-size:13px}.empty-state{padding:32px 12px}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (max-width: 380px){.page-title{font-size:18px}.btn{padding:10px 12px;font-size:13px}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0F1522;--color-surface: #161D2E;--color-surface-hover: #1F2739;--color-border: #2A3348;--color-text-primary: #E4E8EE;--color-text-secondary: #9AA5B8;--color-accent: #4ADE80;--color-accent-soft: rgba(74, 222, 128, .15);--color-white: #161D2E;--color-mist: #1F2739;--color-ink: #E8EDF5;--color-text: #D5DCE8;--color-text-muted: #9AA5B8;--status-new: #7FAEFF;--status-progress: #6DB6F5;--status-waiting: #F0B35C;--status-resolved: #6FD14A;--status-closed: #9AA7B8}:root[data-theme=dark] aside,:root[data-theme=dark] [class*=sidebar i]{--color-ink: #0F2747;--color-white: #FFFFFF;--color-mist: #EFF2F3;--color-border: #E4E8EA;--color-text: #1C2530;--color-text-muted: #6B7480}:root[data-theme=dark] [style*="background: var(--color-ink)"],:root[data-theme=dark] [style*="background-color: var(--color-ink)"]{--color-ink: #26385C}:root[data-theme=dark] body{background:var(--color-bg);color:var(--color-text)}:root[data-theme=dark] a{color:#8fdb52}:root[data-theme=dark] ::selection{background:#6fc62c59;color:#fff}:root[data-theme=dark] .field input,:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .field input:focus,:root[data-theme=dark] .field select:focus,:root[data-theme=dark] .field textarea:focus{border-color:var(--color-primary)}:root[data-theme=dark] option{background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] input:disabled,:root[data-theme=dark] select:disabled,:root[data-theme=dark] textarea:disabled{opacity:.6}:root[data-theme=dark] input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--color-surface-hover) inset;-webkit-text-fill-color:var(--color-text)}:root[data-theme=dark] .field-error{color:#ff8a8a}:root[data-theme=dark] .btn-danger{background:#f8717124;color:#ff9b9b}:root[data-theme=dark] .btn-danger:hover:not(:disabled){background:#f871713d}:root[data-theme=dark] .btn-outline:hover:not(:disabled){border-color:var(--color-text-muted)}:root[data-theme=dark] .chip{background:var(--color-surface-hover);color:var(--color-text)}:root[data-theme=dark] .chip-active{background:var(--color-primary);color:#0b1a05}:root[data-theme=dark] .badge-new{background:#7faeff29}:root[data-theme=dark] .badge-in-progress{background:#6db6f529}:root[data-theme=dark] .badge-waiting,:root[data-theme=dark] .badge-high{background:#f0b35c29;color:var(--status-waiting)}:root[data-theme=dark] .badge-resolved{background:#6fd14a29}:root[data-theme=dark] .badge-urgent,:root[data-theme=dark] .badge-escalated{background:#f8717129;color:#ff9b9b}:root[data-theme=dark] .category-btn{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-border)}:root[data-theme=dark] .category-btn:hover{background:var(--color-surface-hover)}:root[data-theme=dark] .category-btn.selected{background:#6fc62c29;border-color:var(--color-primary)}:root[data-theme=dark] .data-table td{border-bottom-color:var(--color-border)}:root[data-theme=dark] .data-table tr:hover td{background:var(--color-surface-hover)}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1f2739 25%,#2a3348 37%,#1f2739 63%);background-size:400% 100%}:root[data-theme=dark] [style*="rgb(234, 247, 224)"]{background:#6fc62c24!important}:root[data-theme=dark] [style*="rgb(252, 241, 224)"]{background:#f0b35c24!important}:root[data-theme=dark] [style*="rgb(251, 234, 234)"]{background:#f8717124!important}:root[data-theme=dark] [style*="rgb(232, 240, 254)"],:root[data-theme=dark] [style*="rgb(234, 243, 251)"]{background:#7faeff24!important}:root[data-theme=dark] [style*="background: white"],:root[data-theme=dark] [style*="background-color: white"]{background:var(--color-surface)!important}:root[data-theme=dark] [style*="color: rgb(178, 52, 52)"]{color:#ff9b9b!important}:root[data-theme=dark] [style*="color: rgb(63, 143, 19)"]{color:#6fd14a!important}:root[data-theme=dark] [style*="color: rgb(199, 126, 29)"]{color:#f0b35c!important}:root[data-theme=dark] [style*="color: rgb(37, 87, 184)"]{color:#7faeff!important}:root[data-theme=dark] [style*="background: rgb(255, 255, 255)"],:root[data-theme=dark] [style*="background-color: rgb(255, 255, 255)"],:root[data-theme=dark] [style*="background: rgb(254, 254, 254)"],:root[data-theme=dark] [style*="background: rgb(250, 251, 252)"],:root[data-theme=dark] [style*="background-color: rgb(250, 251, 252)"]{background:var(--color-surface)!important}:root[data-theme=dark] [style*="background: rgb(248, 250, 252)"],:root[data-theme=dark] [style*="background: rgb(249, 250, 251)"],:root[data-theme=dark] [style*="background: rgb(247, 249, 251)"],:root[data-theme=dark] [style*="background: rgb(241, 245, 249)"],:root[data-theme=dark] [style*="background: rgb(243, 244, 246)"],:root[data-theme=dark] [style*="background: rgb(239, 242, 243)"],:root[data-theme=dark] [style*="background: rgb(237, 240, 243)"],:root[data-theme=dark] [style*="background: rgb(228, 232, 234)"],:root[data-theme=dark] [style*="background: rgb(226, 232, 240)"],:root[data-theme=dark] [style*="background: rgb(229, 231, 235)"],:root[data-theme=dark] [style*="background-color: rgb(248, 250, 252)"],:root[data-theme=dark] [style*="background-color: rgb(249, 250, 251)"],:root[data-theme=dark] [style*="background-color: rgb(247, 249, 251)"],:root[data-theme=dark] [style*="background-color: rgb(241, 245, 249)"],:root[data-theme=dark] [style*="background-color: rgb(243, 244, 246)"],:root[data-theme=dark] [style*="background-color: rgb(239, 242, 243)"]{background:var(--color-surface-hover)!important}:root[data-theme=dark] [style*="rgb(228, 232, 234)"],:root[data-theme=dark] [style*="rgb(226, 232, 240)"],:root[data-theme=dark] [style*="rgb(229, 231, 235)"],:root[data-theme=dark] [style*="rgb(237, 240, 243)"]{border-color:var(--color-border)!important}:root[data-theme=dark] [style^="color: rgb(15, 39, 71)"],:root[data-theme=dark] [style*="; color: rgb(15, 39, 71)"],:root[data-theme=dark] [style^="color: rgb(15, 23, 42)"],:root[data-theme=dark] [style*="; color: rgb(15, 23, 42)"],:root[data-theme=dark] [style^="color: rgb(17, 24, 39)"],:root[data-theme=dark] [style*="; color: rgb(17, 24, 39)"],:root[data-theme=dark] [style^="color: rgb(31, 41, 55)"],:root[data-theme=dark] [style*="; color: rgb(31, 41, 55)"],:root[data-theme=dark] [style^="color: rgb(0, 0, 0)"],:root[data-theme=dark] [style*="; color: rgb(0, 0, 0)"]{color:var(--color-ink)!important}:root[data-theme=dark] [style^="color: rgb(28, 37, 48)"],:root[data-theme=dark] [style*="; color: rgb(28, 37, 48)"],:root[data-theme=dark] [style^="color: rgb(51, 65, 85)"],:root[data-theme=dark] [style*="; color: rgb(51, 65, 85)"],:root[data-theme=dark] [style^="color: rgb(55, 65, 81)"],:root[data-theme=dark] [style*="; color: rgb(55, 65, 81)"]{color:var(--color-text)!important}:root[data-theme=dark] [style^="color: rgb(107, 116, 128)"],:root[data-theme=dark] [style*="; color: rgb(107, 116, 128)"],:root[data-theme=dark] [style^="color: rgb(100, 116, 139)"],:root[data-theme=dark] [style*="; color: rgb(100, 116, 139)"],:root[data-theme=dark] [style^="color: rgb(71, 85, 105)"],:root[data-theme=dark] [style*="; color: rgb(71, 85, 105)"],:root[data-theme=dark] [style^="color: rgb(75, 85, 99)"],:root[data-theme=dark] [style*="; color: rgb(75, 85, 99)"]{color:var(--color-text-muted)!important}:root[data-theme=dark] svg text{fill:var(--color-text-muted)}:root[data-theme=dark] svg line[stroke-dasharray],:root[data-theme=dark] svg .recharts-cartesian-grid line{stroke:var(--color-border)!important}:root[data-theme=dark] svg .recharts-tooltip-cursor{stroke:var(--color-border)}:root[data-theme=dark] .recharts-default-tooltip{background:var(--color-surface)!important;border-color:var(--color-border)!important}