:root{--color-primary-50:#fff7ed;--color-primary-100:#ffedd5;--color-primary-200:#fed7aa;--color-primary-300:#fdba74;--color-primary-400:#fb923c;--color-primary-500:#f97316;--color-primary-600:#ea580c;--color-primary-700:#c2410c;--color-primary-800:#9a3412;--color-primary-900:#7c2d12;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-700:#047857;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-700:#b45309;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-700:#b91c1c;--brand-primary:var(--color-primary-500);--brand-primary-light:var(--color-primary-400);--brand-primary-dark:var(--color-primary-600);--brand-primary-bg:var(--color-primary-50);--brand-primary-border:var(--color-primary-300);--gradient-primary:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-500) 50%,var(--color-primary-600) 100%);--gradient-primary-soft:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-200) 100%);--shadow-primary:0 4px 14px 0 rgba(249,115,22,0.15);--shadow-primary-lg:0 10px 40px 0 rgba(249,115,22,0.2)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-pt{padding-top:env(safe-area-inset-top,0)}.safe-area-pl{padding-left:env(safe-area-inset-left,0)}.safe-area-pr{padding-right:env(safe-area-inset-right,0)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:focus-visible{outline:2px solid #f97316;outline-offset:2px;border-radius:.5rem}button:focus-visible{outline:2px solid #f97316;outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f97316;outline-offset:0;border-color:#f97316}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 2s linear infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-soft{animation:pulse-soft 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp .3s ease-out}.gradient-orange{background:linear-gradient(135deg,#fb923c,#f97316 50%,#ea580c)}.gradient-orange-soft{background:linear-gradient(135deg,#fed7aa,#fdba74)}.shadow-orange{box-shadow:0 4px 14px 0 rgba(249,115,22,.15)}.shadow-orange-lg{box-shadow:0 10px 40px 0 rgba(249,115,22,.2)}.shadow-card{box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px 0 rgba(0,0,0,.03)}.shadow-card-hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.backdrop-blur-smooth{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.transition-all-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-quick{transition:all .15s ease-in-out}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.glass{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3)}.glass,.glass-dark{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-dark{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.5rem}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media screen and (max-width:768px){input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{font-size:16px!important}}@media (hover:none) and (pointer:coarse){[role=button],a,button{min-height:44px;min-width:44px}}@media (prefers-color-scheme:dark){.dark-mode-support{--bg-primary:#1f2937;--bg-secondary:#111827;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151}}@media print{.no-print{display:none!important}*{background:white!important;color:black!important}.bottom-nav,.mobile-menu,header,nav{display:none!important}}.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}.focus-trap{position:fixed;inset:0}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:white;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:600;min-width:18px;text-align:center;border:2px solid white}.divider{display:flex;align-items:center;text-align:center;color:#9ca3af;font-size:.875rem}.divider:after,.divider:before{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:#1f2937;color:white;border-radius:.375rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:.5rem}.tooltip:hover:before{opacity:1}.gpu-accelerate{transform:translateZ(0);will-change:transform}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.list-optimize{contain:layout style paint}.btn-primary{background:linear-gradient(135deg,#fb923c,#f97316 50%,#ea580c);color:white;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px 0 rgba(249,115,22,.15)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(249,115,22,.25)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:white;color:#f97316;border:2px solid #f97316;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#fff7ed}.btn-ghost{background:transparent;color:#6b7280;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;transition:all .2s}.btn-ghost:hover{background:#f3f4f6;color:#111827}.input-error{border-color:#ef4444!important;background-color:#fef2f2}.input-error:focus{ring-color:#ef4444!important;border-color:#ef4444!important}.input-success{border-color:#10b981!important;background-color:#f0fdf4}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;line-height:1}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-info{background-color:#dbeafe;color:#1e40af}.badge-orange{background-color:#fed7aa;color:#9a3412}.card{background:white;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s}.card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-2px)}.card-gradient{background:linear-gradient(135deg,#ffffff,#f9fafb);border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}@supports (-webkit-touch-callout:none){.min-h-screen-mobile{min-height:-webkit-fill-available}}body{overscroll-behavior-y:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.center-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.truncate-with-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-card{animation:countUp .5s ease-out forwards}.metric-card:first-child{animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.2s}.metric-card:nth-child(3){animation-delay:.3s}.metric-card:nth-child(4){animation-delay:.4s}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{animation:slideInFromTop .6s ease-out}.hover-shine{position:relative;overflow:hidden}.hover-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.hover-shine:hover:before{left:100%}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{background:linear-gradient(90deg,#f3f4f6 0,#e5e7eb 20%,#f3f4f6 40%,#f3f4f6);background-size:800px 104px;animation:shimmer 1.5s linear infinite}.loading-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast{position:fixed;bottom:2rem;right:2rem;background:white;border-radius:.75rem;padding:1rem 1.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);display:flex;align-items:center;gap:.75rem;animation:slideInFromRight .3s ease-out;z-index:9999}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}@media (max-width:768px){.table-responsive{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}}.z-base{z-index:1}.z-dropdown{z-index:10}.z-header{z-index:20}.z-sidebar{z-index:30}.z-overlay{z-index:40}.z-modal{z-index:50}.z-toast{z-index:9999}