@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#0d9488;--primary-dark:#00685f;--primary-container:#008378;--primary-light:#6bd8cb;--primary-fixed:#89f5e7;--on-primary:#fff;--secondary:#1b6b51;--secondary-container:#a6f2d1;--tertiary:#924628;--tertiary-container:#b05e3d;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--warning:#e67e22;--warning-container:#fff3e0;--background:#f8f9fa;--surface:#fff;--surface-container:#edeeef;--surface-container-high:#e7e8e9;--surface-container-highest:#e1e3e4;--surface-dim:#d9dadb;--on-surface:#191c1d;--on-surface-variant:#3d4947;--outline:#6d7a77;--outline-variant:#bcc9c6;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--container-max:1280px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0px 1px 3px #0000000a;--shadow-md:0px 4px 12px #0000000d;--shadow-lg:0px 8px 24px #0d948814;--transition-fast:.15s ease;--transition-base:.25s ease}[data-theme=dark]{--background:#0f1419;--surface:#1a1f25;--surface-container:#252b33;--surface-container-high:#2f353d;--surface-container-highest:#393f47;--surface-dim:#0a0e13;--on-surface:#e3e5e8;--on-surface-variant:#b8bfc4;--outline:#838a8f;--outline-variant:#515861;--primary:#6bd8cb;--primary-dark:#89f5e7;--primary-container:#00685f;--primary-light:#0d9488;--error:#ffb4ab;--error-container:#5d1f1f;--warning:#ffb74d;--warning-container:#5d3a1a;--shadow-sm:0px 1px 3px #0000004d;--shadow-md:0px 4px 12px #0006;--shadow-lg:0px 8px 24px #00000080}*,: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-family);color:var(--on-surface);background-color:var(--background);transition:background-color var(--transition-base),color var(--transition-base);line-height:1.5;overflow-x:hidden}*{min-width:0}a{color:var(--primary-dark);text-decoration:none}.headline-lg{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}@media (max-width:768px){.headline-lg{font-size:24px;line-height:32px}}.headline-md{font-size:24px;font-weight:600;line-height:32px}.headline-sm{font-size:20px;font-weight:600;line-height:28px}.body-lg{font-size:18px;font-weight:400;line-height:28px}.body-md{font-size:16px;font-weight:400;line-height:24px}.label-md{letter-spacing:.01em;font-size:14px;font-weight:500;line-height:20px}.label-sm{letter-spacing:.02em;font-size:12px;font-weight:600;line-height:16px}.container{max-width:var(--container-max);padding:0 var(--space-md);box-sizing:border-box;width:100%;margin:0 auto}.app-layout{width:100%;min-height:100vh;display:flex;position:relative;overflow:visible}.sidebar{background:var(--surface);border-right:1px solid var(--outline-variant);width:260px;padding:var(--space-lg) 0;z-index:100;transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}@media (max-width:768px){.sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-header{padding:0 var(--space-lg);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-sm);display:flex}@media (max-width:768px){.sidebar-header{padding-left:calc(var(--space-lg) + 40px)}}.sidebar-logo{object-fit:cover;background:#fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 1px 4px #0000001a}.sidebar-brand h1{color:var(--primary-dark);transition:color var(--transition-base);font-size:18px;font-weight:700}[data-theme=dark] .sidebar-brand h1{color:var(--primary)}.sidebar-brand p{color:var(--on-surface-variant);letter-spacing:.02em;transition:color var(--transition-base);font-size:11px}.sidebar-nav{gap:var(--space-xs);padding:0 var(--space-sm);flex-direction:column;flex:1;display:flex}.sidebar-nav a,.sidebar-nav button{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:500;display:flex}.sidebar-nav a:hover,.sidebar-nav button:hover{background:var(--surface-container);color:var(--primary-dark)}[data-theme=dark] .sidebar-nav a:hover,[data-theme=dark] .sidebar-nav button:hover{background:var(--surface-container-high);color:var(--primary)}.sidebar-nav a{position:relative}.sidebar-nav a.active{color:var(--primary-dark);background:#0d948814;font-weight:600}[data-theme=dark] .sidebar-nav a.active{color:var(--primary);background:#6bd8cb26}.sidebar-nav a.active:before{content:"";background:var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--outline-variant);transition:border-color var(--transition-base)}.user-info{align-items:center;gap:var(--space-sm);display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-details{flex:1;min-width:0}.user-details .name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-base);font-size:13px;font-weight:600;overflow:hidden}.user-details .role{color:var(--on-surface-variant);transition:color var(--transition-base);font-size:11px}.main-content{padding:var(--space-lg) var(--space-xl);box-sizing:border-box;flex:1;max-width:100vw;min-height:100vh;margin-left:260px}@media (max-width:768px){.main-content{padding:var(--space-md);width:100%;max-width:100vw;padding-top:calc(var(--space-md) + 56px);margin-left:0}}@media (max-width:480px){.main-content{padding:var(--space-sm)}}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);box-sizing:border-box;flex-wrap:wrap;width:100%;display:flex}.page-header h1{color:var(--on-surface);word-wrap:break-word;max-width:100%;transition:color var(--transition-base);font-size:24px;font-weight:700}@media (max-width:768px){.page-header h1{font-size:20px}}@media (max-width:480px){.page-header h1{font-size:18px}}.page-header p{color:var(--on-surface-variant);word-wrap:break-word;max-width:100%;transition:color var(--transition-base);margin-top:2px;font-size:14px}@media (max-width:768px){.page-header p{font-size:13px}.page-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}@media (max-width:480px){.page-header{margin-bottom:var(--space-md)}}.mobile-menu-btn{top:var(--space-md);left:var(--space-md);z-index:101;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--outline-variant);width:40px;height:40px;color:var(--on-surface);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:20px;display:none;position:fixed}.mobile-menu-btn:hover{background:var(--surface-container);color:var(--primary);border-color:var(--primary)}.mobile-menu-btn:active{transform:scale(.95)}@media (max-width:768px){.mobile-menu-btn{display:flex}}.sidebar-overlay{display:none!important}@media (max-width:768px){.sidebar-overlay{display:block!important}}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-lg);box-sizing:border-box;width:100%;min-width:0;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}@media (max-width:768px){.card{padding:var(--space-md);width:100%;min-width:0}}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--on-surface);font-size:16px;font-weight:600}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%;display:grid}@media (max-width:768px){.stats-grid{gap:var(--space-sm);grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);box-sizing:border-box;min-width:0;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.06;border-radius:0 0 0 100%;width:80px;height:80px;position:absolute;top:0;right:0}.stat-card.primary:after{background:var(--primary)}.stat-card.warning:after{background:var(--warning)}.stat-card.error:after{background:var(--error)}.stat-card.secondary:after{background:var(--secondary)}@media (max-width:768px){.stat-card{width:100%;min-width:0}}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.stat-icon.primary{color:var(--primary);background:#0d94881a}.stat-icon.warning{color:var(--warning);background:#e67e221a}.stat-icon.error{color:var(--error);background:#ba1a1a1a}.stat-icon.secondary{color:var(--secondary);background:#1b6b511a}.stat-value{color:var(--on-surface);transition:color var(--transition-base);font-size:32px;font-weight:700;line-height:1}@media (max-width:768px){.stat-value{font-size:24px}}@media (max-width:480px){.stat-value{font-size:20px}}.stat-label{color:var(--on-surface-variant);transition:color var(--transition-base);font-size:13px;font-weight:500}@media (max-width:768px){.stat-label{font-size:12px}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;min-height:40px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}@media (max-width:768px){.btn{min-height:44px;font-size:15px}}@media (max-width:480px){.btn{padding:8px 16px;font-size:14px}}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}[data-theme=dark] .btn-primary{background:var(--primary-container);color:var(--on-primary)}[data-theme=dark] .btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}.btn-secondary{color:var(--primary-dark);border:1px solid var(--primary);transition:all var(--transition-fast);background:0 0}.btn-secondary:hover{background:#0d94880f}[data-theme=dark] .btn-secondary{color:var(--primary);border-color:var(--primary)}[data-theme=dark] .btn-secondary:hover{background:#6bd8cb1a}.btn-danger{background:var(--error);color:var(--on-error)}.btn-sm{min-height:32px;padding:6px 12px;font-size:12px}.btn-lg{min-height:48px;padding:14px 28px;font-size:16px}.form-group{margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{color:var(--on-surface);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input,.form-select{width:100%;font-family:var(--font-family);color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:44px;padding:10px 14px;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--primary);background:var(--surface);outline:none;box-shadow:0 0 0 3px #0d94881f}@media (max-width:768px){.form-input,.form-select{font-size:16px}}.form-input::placeholder{color:var(--outline)}.form-error{color:var(--error);margin-top:6px;font-size:12px}.table-container{border:1px solid var(--outline-variant);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;transition:border-color var(--transition-base);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:100%}@media (max-width:768px){table{min-width:600px}}thead{background:var(--surface-container);transition:background var(--transition-base)}th{text-align:left;color:var(--on-surface-variant);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transition:color var(--transition-base);padding:12px 16px;font-size:12px;font-weight:600}@media (max-width:768px){th{padding:8px 12px;font-size:13px}}@media (max-width:480px){th{padding:6px 8px;font-size:12px}}td{color:var(--on-surface);border-top:1px solid var(--surface-container);transition:color var(--transition-base),border-color var(--transition-base);padding:12px 16px;font-size:14px}@media (max-width:768px){td{padding:8px 12px;font-size:13px}}@media (max-width:480px){td{padding:6px 8px;font-size:12px}}tbody tr:hover{background:var(--surface-container)}@media (max-width:768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-card-table{display:none}@supports (display:grid){.mobile-card-table,.mobile-card-table table,.mobile-card-table thead,.mobile-card-table tbody,.mobile-card-table tr{display:block}.mobile-card-table thead{display:none}.mobile-card-table tr{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-md)}.mobile-card-table td{border:none;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.mobile-card-table td:before{content:attr(data-label);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.mobile-card-table .table-container.desktop-only{display:none}}.table-mobile-cards tbody tr{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-md);display:block}.table-mobile-cards thead{display:none}.table-mobile-cards td{padding:var(--space-xs) 0;border:none;justify-content:space-between;display:flex}.table-mobile-cards td:before{content:attr(data-label);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-sm);font-size:11px;font-weight:600}}.badge{border-radius:var(--radius-full);white-space:nowrap;transition:background var(--transition-base),color var(--transition-base);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-normal{color:var(--primary-dark);background:#0d94881a}[data-theme=dark] .badge-normal{color:#6bd8cb;background:#6bd8cb26}.badge-warning{background:var(--warning-container);color:#e65100}[data-theme=dark] .badge-warning{color:#ffb74d;background:#ffb74d26}.badge-danger{background:var(--error-container);color:var(--error)}[data-theme=dark] .badge-danger{color:#ffb4ab;background:#ffb4ab26}.badge-info{color:var(--primary);background:#0d948814}[data-theme=dark] .badge-info{color:#6bd8cb;background:#6bd8cb1a}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);transition:background var(--transition-base),color var(--transition-base);font-size:14px;line-height:1.5;display:flex}.alert strong{font-weight:600}.alert p{color:inherit;margin:0}.alert-success{color:var(--primary-dark);background:#0d948814;border:1px solid #0d948833}[data-theme=dark] .alert-success{color:#89f5e7;background:#6bd8cb26;border:1px solid #6bd8cb4d}[data-theme=dark] .alert-success strong{color:#6bd8cb}.alert-error{background:var(--error-container);color:#93000a;border:1px solid #ba1a1a33}[data-theme=dark] .alert-error{color:#ffcdd2;background:#d32f2f33;border:1px solid #f4433666}[data-theme=dark] .alert-error strong{color:#ef9a9a;font-weight:700}.alert-warning{background:var(--warning-container);color:#e65100;border:1px solid #e67e224d}[data-theme=dark] .alert-warning{color:#ffcc80;background:#ff980026;border:1px solid #ffb74d4d}[data-theme=dark] .alert-warning strong{color:#ffb74d}.alert-info{color:#1565c0;background:#2196f31a;border:1px solid #2196f34d}[data-theme=dark] .alert-info{color:#90caf9;background:#42a5f526;border:1px solid #64b5f64d}[data-theme=dark] .alert-info strong{color:#64b5f6}.recharts-responsive-container{font-family:var(--font-family)!important}.recharts-tooltip-wrapper{z-index:100}@media (max-width:768px){.recharts-responsive-container{min-height:200px}}@media (max-width:480px){.recharts-responsive-container{min-height:180px}}body.modal-open{width:100%!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.modal-overlay{animation:.3s fadeIn;z-index:99999!important;background:#000000b3!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:visible!important}.modal{background:var(--surface);border-radius:var(--radius-xl);-webkit-overflow-scrolling:touch;will-change:transform;border:1px solid #ffffff26;flex-shrink:0;align-self:center;width:100%;max-width:600px;max-height:90vh;padding:28px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;overflow-y:auto;transform:translateZ(0);box-shadow:0 24px 80px #0009;margin:0!important}.modal-header{background:var(--surface);z-index:10;border-bottom:none;justify-content:space-between;align-items:center;gap:16px;margin:-28px -28px 28px;padding:20px 28px 0;display:flex;position:sticky;top:0}.modal-header h2{color:var(--on-surface);letter-spacing:-.02em;flex:1;margin:0;font-size:22px;font-weight:700;line-height:1.2}.modal-close{background:var(--surface-container);cursor:pointer;width:40px;height:40px;color:var(--on-surface-variant);transition:all var(--transition-base);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:22px;line-height:1;display:flex}.modal-close:hover{background:var(--error-container);color:var(--error);transform:rotate(90deg)scale(1.05)}.modal-close:active{transform:rotate(90deg)scale(.95)}.modal form{flex-direction:column;gap:20px;display:flex}.modal form>div:last-child{margin-top:8px}.modal .btn{min-height:48px;padding:12px 24px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-30px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.modal-overlay{-webkit-backdrop-filter:blur(8px);padding:12px!important}.modal{border-radius:var(--radius-lg);padding:20px;width:calc(100vw - 24px)!important;max-width:100%!important;max-height:calc(100vh - 24px)!important}.modal-header{margin:-20px -20px 16px;padding:20px 20px 12px}.modal-header h2{font-size:18px}.modal .grid-2{grid-template-columns:1fr}.modal form{gap:14px}}@media (max-width:480px){.modal-overlay{padding:8px!important}.modal{padding:16px;max-height:calc(100vh - 16px)!important}.modal-header{margin:-16px -16px 12px;padding:16px}.modal-header h2{font-size:17px}}.login-page{min-height:100vh;display:flex}.login-hero{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);padding:var(--space-xxl);color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";background:#ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.login-hero:after{content:"";background:#ffffff08;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px;left:-50px}.login-hero h2{margin-bottom:var(--space-md);z-index:1;font-size:36px;font-weight:700;position:relative}.login-hero p{opacity:.9;text-align:center;z-index:1;max-width:400px;font-size:16px;line-height:1.6;position:relative}@media (max-width:768px){.login-hero{display:none}}.login-logo{object-fit:cover;z-index:1;background:#fff;border-radius:50%;width:120px;height:120px;margin-bottom:24px;padding:6px;position:relative;box-shadow:0 8px 32px #00000026,0 0 60px #ffffff26}.login-form-container{padding:var(--space-xxl);flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:500px;display:flex}@media (max-width:768px){.login-form-container{max-width:100%;padding:var(--space-lg)}}.login-form{width:100%;max-width:380px}.login-form h2{color:var(--on-surface);margin-bottom:6px;font-size:28px;font-weight:700}.login-form p{color:var(--on-surface-variant);margin-bottom:var(--space-xl);font-size:14px}.login-form .btn-primary{width:100%;min-height:48px;margin-top:var(--space-sm);font-size:16px}.grid-2{gap:var(--space-lg);box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;display:grid}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.grid-3{gap:var(--space-lg);box-sizing:border-box;grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (max-width:768px){.grid-3{grid-template-columns:1fr}}.loading-spinner{padding:var(--space-xxl);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--surface-container);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeInUp}.empty-state{text-align:center;padding:var(--space-xxl);color:var(--on-surface-variant)}.empty-state svg{margin-bottom:var(--space-md);opacity:.4}.empty-state h3{margin-bottom:var(--space-xs);color:var(--on-surface);font-size:16px;font-weight:600}.empty-state p{font-size:14px}@media (max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width:768px){.show-mobile{display:block!important}}.detail-grid{gap:var(--space-lg);grid-template-columns:1fr 350px;display:grid}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}}.detail-header{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-lg);border:1px solid var(--outline-variant);display:flex}@media (max-width:768px){.detail-header{text-align:center;padding:var(--space-md);gap:var(--space-md);flex-direction:column}}.detail-info{flex:1;min-width:0}.detail-name{word-break:break-word;margin-bottom:8px;font-size:28px;font-weight:700}@media (max-width:768px){.detail-name{font-size:22px}}.detail-meta{color:var(--on-surface-variant);word-break:break-word;margin-bottom:4px;font-size:14px}@media (max-width:480px){.detail-meta{font-size:12px}}.detail-stats{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (max-width:480px){.detail-stats{grid-template-columns:repeat(2,1fr)}}.detail-chart-header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:20px;display:flex}@media (max-width:768px){.detail-chart-header{flex-direction:column;align-items:stretch}.detail-chart-header select{width:100%!important}}.detail-section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}@media (max-width:480px){.detail-section-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}.detail-page{padding:var(--space-lg);max-width:1400px;margin:0 auto}@media (max-width:768px){.detail-page{padding:var(--space-md)}}@media (max-width:480px){.detail-page{padding:var(--space-sm)}}