:root{--color-primary:#9f174d;--color-primary-dark:#831843;--color-primary-deep:#701a3d;--color-primary-light:#fdf2f8;--color-primary-soft:#fce7f3;--color-white:#fff;--color-bg:#f8fafc;--color-text:#111827;--color-muted:#6b7280;--color-border:#e5e7eb;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 12px 32px #9f174d1f;--bg:var(--color-bg);--bg-soft:var(--color-primary-light);--panel:var(--color-white);--panel-strong:var(--color-white);--panel-dark:var(--color-primary-deep);--text:var(--color-text);--muted:var(--color-muted);--border:var(--color-border);--border-strong:var(--color-border);--sky:var(--color-primary);--sky-deep:var(--color-primary-dark);--sky-soft:#9f174d1f;--shadow:var(--shadow-md);--shadow-soft:var(--shadow-sm);--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden auto}.app-layout{background:var(--color-bg);width:100%;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.sidebar{z-index:60;flex:0 0 280px;width:280px;height:100vh;position:sticky;top:0;overflow:hidden auto}.main-wrapper{flex-direction:column;flex:1;width:calc(100% - 280px);min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{z-index:50;background:var(--color-white);border-bottom:1px solid var(--color-border);width:100%;height:72px;box-shadow:var(--shadow-sm);position:sticky;top:0}.main-content{flex:1;width:100%;min-width:0;min-height:0;padding:24px;overflow:hidden auto}.dashboard-container{width:100%;min-width:0;max-width:1440px;margin:0 auto}.sidebar-overlay{z-index:55;background:#0f172a73;border:0;padding:0;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.desktop-only{display:block!important}.mobile-only{display:none!important}.hamburger,.menu-toggle{display:none}@media (width>=1200px){.dashboard-grid,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.content-grid,.dashboard-section-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.hero-section,.command-center{width:100%}}@media (width>=992px) and (width<=1199px){.sidebar{flex-basis:240px;width:240px}.main-wrapper{width:calc(100% - 240px)}.main-content{padding:20px}.stats-grid,.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid,.dashboard-section-grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=991px){.sidebar{z-index:1000;flex-basis:280px;width:280px;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.main-wrapper{width:100%;margin-left:0}.main-content{padding:18px}.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.dashboard-section-grid{grid-template-columns:1fr}.hamburger,.menu-toggle{display:flex}}@media (width<=767px){html,body,#root{width:100%;overflow-x:hidden}.app-layout{height:auto;min-height:100dvh;display:block;overflow:visible}.sidebar{z-index:1000;width:280px;max-width:85vw;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.main-wrapper{width:100%;margin-left:0}.topbar{height:64px;padding:0 12px}.main-content{padding:14px}.dashboard-container{max-width:100%}.stats-grid,.dashboard-grid,.content-grid,.dashboard-section-grid,.form-grid{grid-template-columns:1fr;gap:14px;display:grid}.hero-section,.command-center{border-radius:18px;padding:20px}.hero-section h1,.command-center h1{font-size:26px;line-height:1.2}.hero-inner,.command-center-inner{grid-template-columns:1fr;gap:16px;display:grid}.card,.dashboard-card,.stat-card{width:100%}.table-wrapper,.responsive-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrapper table,.responsive-table table{min-width:700px}input,select,textarea,button{max-width:100%}.primary-btn,.btn-primary,.secondary-btn,.btn-secondary{width:100%}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (width<=420px){.main-content{padding:10px}.hero-section,.command-center{padding:16px}.hero-section h1,.command-center h1{font-size:22px}.card,.dashboard-card,.stat-card{padding:14px}.topbar{height:58px}}img,svg,video,canvas{max-width:100%;height:auto}table{background:var(--color-white);border-collapse:collapse;width:100%}thead{background:var(--color-primary-light);color:var(--color-primary-dark)}table th{font-family:var(--font-sans)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--color-primary-dark)!important;font-size:12px!important;font-weight:800!important}table td{font-family:var(--font-sans)!important;color:#334155!important;font-size:13px!important;font-weight:600!important}tr:hover{background:0 0}.responsive-table,.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}button,input,select,textarea,.btn{font:inherit;min-width:0;max-width:100%}button,.btn{border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all .2s}.btn-primary,button[type=submit],.primary-btn{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.btn-primary:hover,button[type=submit]:hover,.primary-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary,.secondary-btn{background:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover,.secondary-btn:hover{background:var(--color-primary-light)}.card,.dashboard-card,.stat-card,.modal-content,.form-card,.panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card:hover,.dashboard-card:hover,.stat-card:hover{box-shadow:var(--shadow-md)}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #9f174d26}.sidebar{background:var(--color-white);border-right:1px solid var(--color-border)}.sidebar .active,.sidebar a.active,.menu-item.active,.nav-link.active{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-weight:700}.sidebar a:hover,.menu-item:hover,.nav-link:hover{background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md)}.sidebar-nav-item:hover{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.sidebar-nav-item.active{background:var(--color-primary)!important;color:var(--color-white)!important}.header,.topbar,.navbar{background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.icon-box,.stat-icon,.dashboard-icon,.action-icon{background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-lg)}.badge-primary,.badge-scheduled,.badge-pending{background:var(--color-primary-soft);color:var(--color-primary-dark)}.badge-success,.badge-completed{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger,.badge-cancelled{color:#991b1b;background:#fee2e2}.login-page{background:linear-gradient(135deg,#701a3d 0%,#9f174d 50%,#be185d 100%)}.login-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.calendar .active-date,.date-active,.selected-date{background:var(--color-primary);color:var(--color-white);border-radius:999px}.kanban-column-header{background:var(--color-primary-light);color:var(--color-primary-dark)}.mobile-header,.mobile-topbar{background:var(--color-primary);color:var(--color-white)}.mobile-bottom-nav{background:var(--color-white);border-top:1px solid var(--color-border)}.mobile-bottom-nav .active{color:var(--color-primary)}.floating-action-btn{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-lg)}.floating-action-btn:hover{background:var(--color-primary-dark)}.responsive-stack{gap:12px;display:grid}.responsive-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.responsive-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.responsive-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mobile-scroll-x{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.min-w-0{min-width:0}*{scrollbar-width:thin;scrollbar-color:#9f174d8c #fce7f3e6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fce7f3f2}::-webkit-scrollbar-thumb{background:#9f174d8c;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#831843bf}@keyframes fadeRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#root{animation:.22s ease-out fadeRise}@media (width<=1024px){.responsive-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}}