*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #0D2137;--primary-mid: #163352;--primary-hover: #1A3B5C;--accent: #C9973A;--accent-light: rgba(201, 151, 58, .1);--accent-hover: #B5852E;--surface: #FFFFFF;--surface-warm: #FAFAF8;--background: #F2F0EC;--border: #E4E1DA;--border-light: #EAE8E3;--border-focus: #C9973A;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--text-disabled: #9CA3AF;--sidebar-bg: #0D2137;--sidebar-text: rgba(255,255,255,.6);--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255,255,255,.06);--sidebar-active-bg: rgba(201,151,58,.12);--sidebar-active-border: #C9973A;--sidebar-width: 252px;--sidebar-collapsed: 64px;--success: #15803D;--success-bg: #F0FDF4;--success-border: rgba(21,128,61,.2);--warning: #B45309;--warning-bg: #FFFBEB;--warning-border: rgba(180,83,9,.2);--danger: #DC2626;--danger-bg: #FEF2F2;--danger-border: rgba(220,38,38,.2);--info: #0284C7;--info-bg: #F0F9FF;--info-border: rgba(2,132,199,.2);--font-display: "Sora", sans-serif;--font-body: "DM Sans", sans-serif;--header-height: 60px;--content-padding: 28px;--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.05);--shadow-accent: 0 4px 20px rgba(201,151,58,.22)}html,body,#root{height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none}div:focus,div:focus-visible{outline:none}section:focus,section:focus-visible{outline:none}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:fadeSlideUp .28s ease forwards}.pop-in{animation:popIn .22s cubic-bezier(.34,1.56,.64,1) forwards}.tr-hoverable{transition:background .12s ease;cursor:pointer}.tr-hoverable:hover td{background:#f7f5f1!important}.field-input:focus,.field-select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light)!important;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;border:none;text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .12s ease,color .15s ease,border-color .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover)!important;box-shadow:0 4px 14px #0d213747!important;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)!important}.btn-accent{background:var(--accent);color:#fff;border:none}.btn-accent:hover:not(:disabled){background:var(--accent-hover)!important;box-shadow:var(--shadow-accent)!important;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary)!important;background:#0d21370a!important}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover:not(:disabled){opacity:.88!important;box-shadow:0 4px 12px #dc262640!important;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:#0000000f!important;color:var(--text-primary)!important}.btn-ghost-light:hover:not(:disabled){background:#ffffff1f!important;color:#fff!important}.sidebar-item{transition:background .15s ease,color .15s ease}.sidebar-item:hover{background:var(--sidebar-hover)!important;color:var(--sidebar-text-active)!important}.sidebar-item:hover svg{color:var(--sidebar-text-active)!important;opacity:1!important}.sidebar-scroll{-ms-overflow-style:none;scrollbar-width:none}.sidebar-scroll::-webkit-scrollbar{width:0;height:0}.card-lift{transition:box-shadow .2s ease,transform .2s ease}.card-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}@keyframes countIn{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-num{animation:countIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.quick-link{transition:background .15s ease,box-shadow .15s ease,transform .12s ease}.quick-link:hover{background:var(--primary-hover)!important;box-shadow:0 4px 14px #0d213738!important;transform:translateY(-1px)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--border-light) 50%,var(--border) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.kanban-card{transition:transform .15s ease,box-shadow .15s ease}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a!important}.login-brand-panel{background:linear-gradient(150deg,#0d2137,#102942,#0a1d2e);position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.12) 0%,transparent 70%);top:-80px;right:-80px}.login-brand-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.08) 0%,transparent 70%);bottom:40px;left:-60px}@keyframes drawerSlideIn{0%{transform:translate(100%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.drawer-backdrop{animation:backdropFadeIn .2s ease forwards}.drawer-panel{animation:drawerSlideIn .32s cubic-bezier(.16,1,.3,1) forwards}.emp-open-btn:hover{background:var(--accent-light)!important;color:var(--accent-hover)!important}.pag-btn{transition:background .12s ease,color .12s ease,border-color .12s ease}.pag-btn:hover:not(:disabled){border-color:var(--primary)!important;background:#0d21370d!important}@media (max-width: 1023px){:root{--content-padding: 20px}}@media (max-width: 767px){:root{--content-padding: 16px}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0d21378c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.grid-responsive-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-responsive-3{grid-template-columns:1fr}}.grid-responsive-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.grid-responsive-2{grid-template-columns:1fr}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}.table-scroll table{min-width:560px}@media (max-width: 600px){.modal-inner{width:100%!important;max-width:100%!important;height:auto!important;max-height:100%!important;border-radius:var(--radius-lg)!important;margin:0!important}}.shifts-import-modal{display:flex;flex-direction:column;max-height:min(90dvh,720px)}.shifts-import-modal-header,.shifts-import-modal-footer{flex:0 0 auto}.shifts-import-modal-body{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.shifts-import-overlay{padding:16px!important}.shifts-import-modal-header,.shifts-import-modal-body{padding:14px 16px!important}.shifts-import-modal-footer{padding:12px 16px 16px!important}.shifts-import-guide table{font-size:10px!important}.shifts-import-guide th,.shifts-import-guide td{padding-left:8px!important;padding-right:8px!important}}@media (max-width: 767px){.hide-mobile{display:none!important}}.show-mobile-only-header{display:none!important}@media (max-width: 767px){.show-mobile-only-header{display:inline-flex!important;align-items:center}}@media (max-width: 600px){.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.flex-col-mobile>*{width:100%!important}}@media (max-width: 600px){.banner-inner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}.modal-inner{max-width:800px!important}@media (min-width: 1024px){.modal-inner{max-width:900px!important}}.rte-preview p{margin:0 0 6px;line-height:1.6}.rte-preview p:last-child{margin-bottom:0}.rte-preview ul,.rte-preview ol{margin:3px 0 6px;padding-left:20px}.rte-preview ul{list-style-type:disc}.rte-preview ol{list-style-type:decimal}.rte-preview li{margin-bottom:2px;line-height:1.6}.rte-preview li:last-child{margin-bottom:0}.rte-preview li>p{margin:0;display:inline}.rte-preview strong,.rte-preview b{font-weight:700}.rte-preview em,.rte-preview i{font-style:italic}.rte-preview h1,.rte-preview h2,.rte-preview h3{margin:10px 0 5px;font-weight:700;color:inherit}.rte-preview>div{margin-bottom:3px}.rte-preview>div:last-child{margin-bottom:0}.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}