:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f4f4f5;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-glass:#00000005;--bg-glass-hover:#0000000a;--bg-input:#fff;--bg-input-focus:#fff;--bg-sidebar:#fff;--accent-primary:#18181b;--accent-primary-light:#3f3f46;--accent-primary-dark:#09090b;--accent-blue:#2563eb;--accent-blue-light:#3b82f6;--accent-secondary:#6366f1;--status-success:#22c55e;--status-success-bg:#f0fdf4;--status-warning:#eab308;--status-warning-bg:#fefce8;--status-error:#ef4444;--status-error-bg:#fef2f2;--status-info:#3b82f6;--status-info-bg:#eff6ff;--priority-critical:#ef4444;--priority-critical-bg:#fef2f2;--priority-high:#f97316;--priority-high-bg:#fff7ed;--priority-normal:#3b82f6;--priority-normal-bg:#eff6ff;--priority-low:#a1a1aa;--priority-low-bg:#f4f4f5;--text-primary:#18181b;--text-secondary:#71717a;--text-tertiary:#a1a1aa;--text-muted:#d4d4d8;--text-inverse:#fff;--border-primary:#e4e4e7;--border-secondary:#f4f4f5;--border-focus:#18181b;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed:64px;--header-height:56px;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.28s ease;--z-sidebar:100;--z-header:110;--z-modal:200;--z-toast:300}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--bg-input:#ffffff0a;--bg-input-focus:#ffffff0f;--bg-sidebar:#12121a;--text-primary:#f0f0f5;--text-secondary:#9898a8;--text-tertiary:#6b6b7a;--text-muted:#4a4a58;--text-inverse:#18181b;--border-primary:#ffffff14;--border-secondary:#ffffff0a;--border-focus:#8b5cf6;--accent-primary:#8b5cf6;--accent-primary-light:#a78bfa;--accent-primary-dark:#7c3aed;--status-success-bg:#22c55e1f;--status-warning-bg:#eab3081f;--status-error-bg:#ef44441f;--status-info-bg:#3b82f61f;--priority-critical-bg:#ef44441f;--priority-high-bg:#f973161f;--priority-normal-bg:#3b82f61f;--priority-low-bg:#a1a1aa1f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;font-size:var(--text-base)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}a{color:inherit;text-decoration:none}a:hover{color:inherit}.page-content a{color:var(--accent-blue)}.page-content a:hover{color:var(--accent-blue-light)}.app-shell{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);padding-top:var(--header-height);transition:margin-left var(--transition-base);flex:1}@media (max-width:1024px){.app-main{margin-left:0}}.page-content{max-width:1360px;padding:28px 32px}@media (max-width:640px){.page-content{padding:20px 16px}}.page-header{margin-bottom:24px}.page-header h1{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.025em;font-weight:600;line-height:1.3}.page-header p{color:var(--text-secondary);font-size:var(--text-sm);margin-top:2px}@media (max-width:640px){.page-header{margin-bottom:16px}.page-header h1{font-size:var(--text-xl)}.page-header p{font-size:var(--text-xs)}}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:20px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{font-size:var(--text-base);align-items:center;gap:8px;font-weight:600;display:flex}@media (max-width:640px){.card{border-radius:var(--radius-md);padding:16px}.card-header{margin-bottom:12px}}.btn{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 14px;line-height:1.4;display:inline-flex}@media (max-width:640px){.btn{min-height:44px;font-size:var(--text-base);padding:10px 16px}}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff0f}.btn-primary:hover{background:var(--accent-primary-light)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-danger{background:var(--status-error-bg);color:var(--status-error);border-color:var(--status-error)}.btn-danger:hover{background:var(--status-error-bg);opacity:.9}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;border:none;padding:6px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-sm{font-size:var(--text-xs);padding:4px 8px}.btn-lg{font-size:var(--text-base);padding:9px 18px}.input-group{flex-direction:column;gap:5px;display:flex}.input-group label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%;min-height:36px;padding:7px 10px}@media (max-width:640px){.input{min-height:44px;padding:10px 12px;font-size:16px}}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23a1a1aa' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}textarea.input{resize:vertical;min-height:80px}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-open{background:var(--status-info-bg);color:#2563eb}.badge-in_progress{background:var(--status-warning-bg);color:#ca8a04}.badge-waiting{color:#8b5cf6;background:#8b5cf61a}.badge-resolved{background:var(--status-success-bg);color:#16a34a}.badge-closed{background:var(--priority-low-bg);color:var(--priority-low)}.badge-critical{background:var(--priority-critical-bg);color:var(--priority-critical)}.badge-high{background:var(--priority-high-bg);color:#ea580c}.badge-normal{background:var(--priority-normal-bg);color:#2563eb}.badge-low{background:var(--priority-low-bg);color:var(--priority-low)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:16px 20px}.stat-card .stat-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:2px;font-size:12px;font-weight:500;display:flex}.stat-card .stat-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.stat-card .stat-change{margin-top:2px;font-size:11px;font-weight:500}.stat-change.positive{color:var(--status-success)}.stat-change.negative{color:var(--status-error)}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.stat-card{padding:12px 14px}.stat-card .stat-value{font-size:1.25rem}}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.1s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-xl);padding:24px;animation:.15s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:var(--text-lg);font-weight:600}.modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;max-height:92vh;padding:20px 16px;animation:.2s slideFromBottom}.modal-header h2{font-size:var(--text-base)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tabs{border-bottom:1px solid var(--border-primary);-webkit-overflow-scrolling:touch;gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:8px 14px;position:relative}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);font-weight:600}.tab.active:after{content:"";background:var(--text-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}@media (max-width:640px){.tab{min-height:44px;padding:10px 12px}}.table-container{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-card);-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}thead{background:var(--bg-tertiary)}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-primary);white-space:nowrap;padding:8px 16px;font-size:11px;font-weight:600}td{font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);padding:10px 16px}tbody tr{transition:background 80ms}tbody tr:hover{background:var(--bg-tertiary)}tbody tr:last-child td{border-bottom:none}@media (max-width:640px){.table-container{border-left:none;border-right:none;border-radius:0;margin:0 -16px}th,td{padding:8px 12px}}.search-bar{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;gap:8px;padding:7px 10px;display:flex}.search-bar:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.search-bar input{color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.search-bar input::placeholder{color:var(--text-muted)}.search-bar svg{color:var(--text-tertiary);flex-shrink:0}.toggle{background:var(--border-primary);border-radius:var(--radius-full);width:36px;height:20px;transition:background var(--transition-fast);cursor:pointer;position:relative}.toggle.active{background:var(--accent-primary)}.toggle:after{content:"";background:var(--bg-secondary);width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001f}.toggle.active:after{transform:translate(16px)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--border-primary)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.empty-state{text-align:center;padding:40px 20px}.empty-state svg{opacity:.25;width:40px;height:40px;color:var(--text-tertiary);margin:0 auto 10px;display:block}.empty-state h3{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:4px;font-weight:500}.empty-state p{font-size:var(--text-sm);color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-secondary)}.font-semibold{font-weight:600}.w-full{width:100%}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.hide-mobile{display:block}.show-mobile,.hide-desktop{display:none}@media (max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:641px){.hide-desktop{display:none!important}}@media (max-width:640px){.touch-target{min-width:44px;min-height:44px}}