.dashboard-scrollbar::-webkit-scrollbar{width:8px;height:8px}.dashboard-scrollbar::-webkit-scrollbar-track{background:#f1f5f980}.dark .dashboard-scrollbar::-webkit-scrollbar-track{background:#0f172a80}.dashboard-scrollbar::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.dark .dashboard-scrollbar::-webkit-scrollbar-thumb{background:#475569}.dashboard-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.dashboard-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-card{transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:.5rem}input[type=color]::-moz-color-swatch{border:none;border-radius:.5rem}.upload-area{position:relative;overflow:hidden}.upload-area.drag-over{border-color:#3b82f6;background-color:#3b82f60d}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}.status-badge{position:relative;display:inline-flex;align-items:center}.status-badge:before{content:"";position:absolute;width:100%;height:100%;border-radius:9999px;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media(max-width:1024px){.sidebar-enter{transform:translate(-100%)}.sidebar-enter-active{transform:translate(0);transition:transform .3s ease-in-out}.sidebar-exit{transform:translate(0)}.sidebar-exit-active{transform:translate(-100%);transition:transform .3s ease-in-out}}.tab-indicator{position:relative}.tab-indicator:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#14b8a6);border-radius:2px}@keyframes save-pulse{0%,to{box-shadow:0 0 #3b82f6b3}50%{box-shadow:0 0 0 8px #3b82f600}}.save-pulse{animation:save-pulse 2s ease-in-out infinite}.modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.image-preview{transition:transform .3s ease}.image-preview:hover{transform:scale(1.05)}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.checkmark-animate{stroke-dasharray:100;animation:checkmark .5s ease-in-out}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:640px){.dashboard-grid{grid-template-columns:1fr}}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:#0f172a;color:#fff;font-size:.875rem;white-space:nowrap;border-radius:.375rem;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.tooltip:hover:before{opacity:1}.dark{color-scheme:dark}.dark .modal-backdrop{background-color:#000c}@media print{.no-print{display:none!important}}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:640px){.responsive-text{font-size:.875rem}}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:.25rem;cursor:pointer;position:relative;transition:all .2s ease}.custom-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.custom-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;font-weight:700}.skeleton{background:linear-gradient(90deg,#cbd5e14d,#cbd5e180,#cbd5e14d);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .skeleton{background:linear-gradient(90deg,#3341554d,#33415580,#3341554d)}