@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:transform .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--color-border);flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.nav-item{color:var(--color-text-muted);border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--color-text-main);background-color:#f1f5f9}.nav-item.active{background-color:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:.25rem;padding:1.25rem 1rem;display:flex}.logout-btn{width:100%;color:var(--color-danger);border-radius:var(--radius-lg);background:0 0;border:none;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.mobile-close-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:.25rem;display:none}.mobile-close-btn:hover{color:var(--color-text-main);background-color:#f1f5f9}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.mobile-close-btn{justify-content:center;align-items:center;display:flex}}.login-container{box-sizing:border-box;background:linear-gradient(135deg,#f6f8fb 0%,#eef2f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;max-width:374px;padding:2.5rem 2rem;box-shadow:0 4px 20px #0000000d}.login-logo{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.logo-img{max-width:100%;height:auto;max-height:85px}.login-welcome{text-align:left;margin-bottom:1.5rem}.login-welcome h1{color:var(--color-text-main);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.login-welcome p{color:var(--color-text-muted);font-size:.725rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form .form-label{font-size:.75rem}.login-form .form-input{padding:.5rem .75rem;font-size:.75rem}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-password{color:#64748b;font-size:.65rem;text-decoration:none}.forgot-password:hover{color:#475569;text-decoration:underline}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-with-icon input{width:100%}.input-icon-left{color:#94a3b8;pointer-events:none;position:absolute;left:.85rem}.input-icon-right{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;right:.85rem}.input-icon-right:hover{color:#64748b}.with-left-icon{padding-left:2.35rem!important}.with-right-icon{padding-right:2.35rem!important}.remember-me{margin-top:.2rem;margin-bottom:.4rem}.checkbox-label{color:#64748b;cursor:pointer;align-items:center;gap:.4rem;font-size:.68rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;border:1px solid #cbd5e1;border-radius:3px;width:12px;height:12px}.login-btn-dark{color:#fff;border-radius:var(--radius-md);cursor:pointer;background-color:#000;border:none;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.4rem;padding:.75rem;font-size:.8rem;font-weight:600;transition:background-color .2s;display:flex}.login-btn-dark:hover{background-color:#1f2937}.error-message{color:var(--color-danger);text-align:center;margin-top:-.4rem;font-size:.75rem}.login-divider{background-color:var(--color-border);height:1px;margin:1.5rem 0 1rem}.login-footer{text-align:center;color:var(--color-text-muted);font-size:.68rem}.login-footer strong{color:#334155;cursor:pointer;font-weight:600}.login-footer strong:hover{text-decoration:underline}.dashboard-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (width>=1025px){.dashboard-container{flex-direction:row;align-items:flex-start}}.dashboard-main-content{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.dashboard-right-sidebar{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (width>=1025px){.dashboard-right-sidebar{flex-shrink:0;width:320px}}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;width:100%;display:grid}.metric-card{flex-direction:column;justify-content:space-between;min-height:100px;padding:1rem 1.25rem;display:flex}.metric-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.metric-label-container{flex-direction:column;gap:.25rem;display:flex}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.metric-value{font-family:var(--font-family-title);color:var(--color-text-main);font-size:1.35rem;font-weight:700;line-height:1.2}.metric-icon-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.blue-box{color:var(--color-accent);background-color:#2563eb14}.green-box{color:var(--color-success);background-color:#10b98114}.lightblue-box{color:#0ea5e9;background-color:#0ea5e914}.metric-trend{align-items:center;gap:.35rem;margin-top:.75rem;font-size:.75rem;font-weight:600;display:flex}.metric-subtext-container{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.status-dot-critical{background-color:var(--color-success);border-radius:50%;width:6px;height:6px}.metric-subtext{color:var(--color-text-muted);margin-top:.75rem;font-size:.75rem}.metric-subtext-container .metric-subtext{margin-top:0}.metric-progress-wrapper{width:100%;margin-top:1rem}.metric-progress-bar{border-radius:var(--radius-full);background-color:#e2e8f0;width:100%;height:6px;overflow:hidden}.metric-progress-fill{background-color:var(--color-success);border-radius:var(--radius-full);height:100%}.chart-card{flex-direction:column;padding:1.25rem;display:flex}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.chart-filter-badge{color:var(--color-text-muted);border-radius:var(--radius-md);background-color:#f1f5f9;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.chart-box{width:100%;height:260px}.chart-legend{color:var(--color-text-muted);justify-content:flex-end;gap:1.25rem;margin-top:1rem;font-size:.75rem;font-weight:500;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.grey-dot{background-color:#cbd5e1}.green-dot{background-color:#10b981}.table-card{padding:1rem 1.25rem}.table-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.table-view-all-btn{color:var(--color-text-muted);align-items:center;gap:.25rem;font-size:.825rem;font-weight:600;transition:color .2s;display:flex}.table-view-all-btn:hover{color:var(--color-text-main)}.project-cell{flex-direction:column;display:flex}.project-name-cell{color:var(--color-text-main);font-weight:600}.project-desc-cell{color:var(--color-text-muted);font-size:.75rem}.progress-cell-container{align-items:center;gap:.75rem;width:160px;display:flex}.progress-bar-container{border-radius:var(--radius-full);background-color:#e2e8f0;flex:1;height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%}.progress-percentage-text{color:var(--color-text-main);min-width:30px;font-size:.75rem;font-weight:600}.project-action-btn{color:var(--color-text-muted);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#fff;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:inline-flex}.project-action-btn:hover{color:var(--color-text-main);background-color:#f8fafc;border-color:#cbd5e1}.alerts-panel{padding:1.25rem}.alerts-title{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:700;display:flex}.alerts-title-icon{font-size:1.2rem}.alerts-list{flex-direction:column;gap:.85rem;display:flex}.alert-item{border-radius:var(--radius-lg);border:1px solid #0000;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.alert-icon-wrapper{border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.alert-info{flex-direction:column;gap:.1rem;display:flex}.alert-label{text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:700}.alert-desc{font-size:.8rem;font-weight:500}.red-alert{color:#c53030;background-color:#fff5f5;border-color:#ffe3e3}.red-wrapper{color:#e53e3e;background-color:#fed7d7}.red-alert .alert-desc{color:#742a2a}.blue-alert{color:#2b6cb0;background-color:#f0f7ff;border-color:#e0effe}.blue-wrapper{color:#3182ce;background-color:#ebf8ff}.blue-alert .alert-desc{color:#2c5282}.grey-alert{color:#4a5568;background-color:#f7fafc;border-color:#edf2f7}.grey-wrapper{color:#718096;background-color:#edf2f7}.grey-alert .alert-desc{color:#2d3748}.concepts-panel{padding:1.25rem}.concepts-panel-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.add-concept-quick-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-main);background-color:#f1f5f9;justify-content:center;align-items:center;transition:all .2s;display:flex}.add-concept-quick-btn:hover{background-color:var(--color-primary);color:#fff}.quick-concepts-list{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.quick-concept-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.quick-concept-item:last-child{border-bottom:none;padding-bottom:0}.concept-info-left{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.concept-title{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.concept-category{color:var(--color-text-muted);font-size:.725rem}.concept-price{color:var(--color-text-main);flex-shrink:0;font-size:.875rem;font-weight:700}.view-catalog-full-btn{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);text-align:center;background-color:#f8fafc;padding:.6rem;font-size:.825rem;font-weight:600;transition:all .2s}.view-catalog-full-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.coppel-container{flex-direction:column;gap:1.5rem;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coppel-nav{gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.coppel-tab-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-lg);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.coppel-tab-btn:hover{color:var(--color-text-main);box-shadow:var(--shadow-sm);background:#f1f5f9;transform:translateY(-2px)}.coppel-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-color:#0000;box-shadow:0 4px 12px #3b82f64d}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.kpi-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border-bottom:4px solid var(--kpi-color,var(--color-primary));padding:1.5rem;transition:transform .3s}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.kpi-title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.kpi-value{color:var(--color-text-main);font-size:1.75rem;font-weight:800}.charts-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.charts-grid{grid-template-columns:1fr 1fr}}.progress-bar-bg{background:#e2e8f0;border-radius:999px;height:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.progress-segment{color:#fff;text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;height:100%;font-size:.65rem;font-weight:800;transition:width 1s cubic-bezier(.4,0,.2,1);display:flex}.form-grid{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#f8fafc;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid}.coppel-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-family);background:#fff;outline:none;padding:.75rem;font-size:.875rem;transition:all .2s}.coppel-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.coppel-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.4rem;font-size:.7rem;font-weight:800;display:block}.btn-coppel-save{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;height:42px;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #10b98133}.btn-coppel-save:hover{transform:translateY(-2px);box-shadow:0 6px 12px #10b9814d}.btn-coppel-delete{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.btn-coppel-delete:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.coppel-table th{color:#475569;background:#f1f5f9;font-size:.75rem}.coppel-table td{vertical-align:middle;font-size:.875rem}@media print{.no-print{display:none!important}.print-only{display:block!important}.page-header{display:none!important}.page-container{margin:0!important;padding:0!important}body{margin:0;padding:0;background:#fff!important}.card.print-container{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.print-table-container{max-height:none!important;overflow:visible!important}.print-table{border-collapse:collapse!important;width:100%!important}.print-table th,.print-table td{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid #000!important}@page{size:landscape;margin:1cm}}:root{--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-bg:#eff6ff;--color-bg:#f8fafc;--color-surface:#fff;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-border:#eaeef2;--color-success:#10b981;--color-success-bg:#d1fae5;--color-success-text:#065f46;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--color-danger-text:#991b1b;--font-family:"Open Sans", sans-serif;--font-family-title:"Open Sans", sans-serif;--font-family-body:"Open Sans", sans-serif;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 12px -2px #0f172a0a, 0 2px 6px -1px #0f172a05;--shadow-lg:0 12px 24px -4px #0f172a0f, 0 4px 12px -2px #0f172a08;--shadow-premium:0 20px 32px -8px #0f172a14;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--color-input-bg:#fff;--color-search-bg:#f1f5f9;--color-th-bg:#f8fafc;--color-hover-bg:#f1f5f9}body.dark-theme{--color-primary:#f8fafc;--color-primary-hover:#e2e8f0;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-bg:#1e3a8a;--color-bg:#0f172a;--color-surface:#1e293b;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--color-success-bg:#064e3b;--color-success-text:#34d399;--color-warning-bg:#78350f;--color-warning-text:#fbbf24;--color-danger-bg:#7f1d1d;--color-danger-text:#f87171;--color-input-bg:#1e293b;--color-search-bg:#0f172a;--color-th-bg:#0f172a;--color-hover-bg:#334155;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 12px -2px #00000080, 0 2px 6px -1px #0006;--shadow-lg:0 12px 24px -4px #0009, 0 4px 12px -2px #00000080;--shadow-premium:0 20px 32px -8px #000000b3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}a{color:var(--color-accent);text-decoration:none}button{cursor:pointer;font-family:var(--font-family-body);background:0 0;border:none}input,select,textarea{font-family:var(--font-family-body)}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}@media (width>=769px){.app-container{flex-direction:row}}.main-wrapper{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.mobile-top-bar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:50;justify-content:center;align-items:center;padding:.75rem 1.25rem;display:flex}.mobile-menu-btn{display:none}.bottom-nav-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:60;height:65px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;height:100%;font-size:.65rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item svg{margin-bottom:2px}@media (width>=769px){.mobile-top-bar,.bottom-nav-bar{display:none}}.desktop-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:40;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:none}@media (width>=769px){.desktop-header{display:flex}}.search-container{background-color:var(--color-search-bg);border-radius:var(--radius-lg);align-items:center;gap:.5rem;width:360px;padding:.5rem 1rem;display:flex}.search-icon{color:var(--color-text-muted);font-size:1.1rem}.search-input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;font-size:.875rem}.search-input::placeholder{color:#94a3b8}.header-right{align-items:center;gap:1.5rem;display:flex}.notification-btn{color:var(--color-text-muted);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex;position:relative}.notification-btn:hover{background-color:var(--color-hover-bg);color:var(--color-text-main)}.notification-badge{background-color:var(--color-danger);border:1px solid var(--color-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.header-divider{background-color:var(--color-border);width:1px;height:24px}.header-user-profile{align-items:center;gap:.75rem;display:flex}.user-text-info{text-align:right;flex-direction:column;display:flex}.user-display-name{font-family:var(--font-family-title);color:var(--color-text-main);font-size:.875rem;font-weight:600}.user-display-role{color:var(--color-text-muted);font-size:.75rem}.user-header-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--color-border);width:36px;height:36px}.user-header-avatar-placeholder{border-radius:var(--radius-full);background-color:var(--color-accent-bg);width:36px;height:36px;color:var(--color-accent);border:1px solid var(--color-border);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.main-content{background-color:var(--color-bg);flex:1;overflow-y:auto}@media (width<=768px){.main-content{padding-bottom:70px}}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{font-family:var(--font-family-title);color:var(--color-text-main);font-size:1.875rem;font-weight:700}.page-subtitle{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-family:var(--font-family-title);color:var(--color-text-main);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.table-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);padding:.5rem .75rem;font-size:.875rem}.data-table th{background-color:var(--color-th-bg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:var(--color-hover-bg)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-hover-bg);border-color:var(--color-text-muted)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:var(--color-accent-hover)}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.btn-danger:hover{background-color:var(--color-danger);color:#fff}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--color-text-main);font-size:.875rem;font-weight:550}.form-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-input-bg);color:var(--color-text-main);outline:none;padding:.6rem .85rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background-color:var(--color-hover-bg);color:var(--color-text-muted);cursor:not-allowed}.badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background-color:var(--color-accent-bg);color:var(--color-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.toggle-slider{background-color:var(--color-success)}input:checked+.toggle-slider:before{transform:translate(20px)}@media (width<=768px){.page-container{padding:1.25rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.card{padding:1.25rem}}.dropdown-item:hover{background-color:var(--color-bg)!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{transform-origin:top;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes growWidth{0%{width:0}to{width:var(--target-width)}}.animated-progress-bar{animation:1s cubic-bezier(.16,1,.3,1) forwards growWidth}@keyframes drawDonut{0%{stroke-dashoffset:var(--circumference)}to{stroke-dashoffset:var(--target-offset)}}.animated-donut-circle{animation:1.5s cubic-bezier(.16,1,.3,1) forwards drawDonut}.inventory-table-row .row-actions{opacity:0;transition:opacity .2s ease-in-out}.inventory-table-row:hover .row-actions{opacity:1}.filter-chip{cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);white-space:nowrap;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.filter-chip:hover{background-color:var(--color-hover-bg)}.filter-chip.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.inventory-desktop-table{display:table}.inventory-mobile-cards{display:none}@media (width<=768px){.inventory-desktop-table{display:none!important}.inventory-mobile-cards{flex-direction:column;gap:1rem;display:flex}}.catalog-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.catalog-desktop-table{display:block}.catalog-mobile-cards{display:none}.catalog-table-row .row-actions{opacity:0;transition:opacity .2s ease-in-out}.catalog-table-row:hover .row-actions{opacity:1}.concept-desc-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}@media (width<=768px){.catalog-stats-grid{grid-template-columns:repeat(2,1fr)}.catalog-desktop-table{display:none!important}.catalog-mobile-cards{flex-direction:column;gap:1rem;display:flex}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:100%;max-width:500px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto}