:root{--po-primary-blue: #00698C;--po-signature-red: #E30613;--po-lift-green: #00A86B;--po-green-0: #0D3B2E;--po-green-1: #145C45;--po-green-2: #1B7A5A;--po-green-3: #22986E;--po-green-4: #00A86B;--po-green-5: #1DBF7A;--po-green-6: #3AD48A;--po-green-7: #5CE49C;--po-green-8: #84F0B0;--po-fill-bg-1: #B0F7C8;--po-fill-bg-2: #D8FCE6}:root,[data-theme=light]{--bg-primary: #f4f7f5;--bg-header: var(--po-primary-blue);--bg-secondary: #ffffff;--bg-tertiary: #D8FCE6;--bg-card: #ffffff;--bg-card-hover: #f0fdf6;--bg-glass: rgba(255, 255, 255, .95);--border-color: rgba(13, 59, 46, .12);--border-glow: rgba(0, 168, 107, .35);--text-primary: #0D3B2E;--text-secondary: #145C45;--text-muted: #1B7A5A;--header-text: #ffffff;--header-text-secondary: rgba(255, 255, 255, .85);--accent-cyan: #00A86B;--accent-cyan-glow: rgba(0, 168, 107, .18);--accent-blue: #00698C;--accent-indigo: #1B7A5A;--accent-purple: #22986E;--status-active: #1DBF7A;--status-active-bg: rgba(29, 191, 122, .14);--status-pending: #00698C;--status-pending-bg: rgba(0, 105, 140, .12);--status-delayed: #E30613;--status-delayed-bg: rgba(227, 6, 19, .12);--status-completed: #00A86B;--status-completed-bg: rgba(0, 168, 107, .14);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 105, 140, .06);--shadow-md: 0 8px 24px rgba(0, 105, 140, .1);--shadow-glow: 0 0 20px rgba(0, 168, 107, .15);--nav-height: 52px;--mobile-nav-height: 50px;--font-family-main: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-family-sans: var(--font-family-main);--font-family-display: var(--font-family-main)}[data-theme=dark]{--bg-primary: #09131d;--bg-header: #052636;--bg-secondary: #0e1e2e;--bg-tertiary: #142c3d;--bg-card: rgba(14, 30, 46, .85);--bg-card-hover: rgba(20, 44, 66, .9);--bg-glass: rgba(9, 19, 29, .88);--border-color: rgba(0, 168, 107, .2);--border-glow: rgba(0, 168, 107, .45);--text-primary: #f0fdf4;--text-secondary: var(--po-green-8);--text-muted: var(--po-green-7);--header-text: #f0fdf4;--header-text-secondary: var(--po-green-8);--accent-cyan: var(--po-lift-green);--accent-cyan-glow: rgba(0, 168, 107, .25);--accent-blue: var(--po-primary-blue);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 168, 107, .25)}*,*:before,*:after,input,button,select,textarea,optgroup{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family-main)}html,body{height:100%;width:100%;font-family:var(--font-family-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.app-container{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.module-page{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.main-content{flex:1;padding:.85rem 1rem;padding-bottom:calc(var(--mobile-nav-height) + 1rem);max-width:1480px;margin:0 auto;width:100%}@media(min-width:768px){.main-content{padding:1.1rem 1.35rem 1.75rem}}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.2}.badge-active{background-color:var(--status-active-bg);color:var(--status-active);border:1px solid rgba(29,191,122,.3)}.badge-pending{background-color:var(--status-pending-bg);color:var(--status-pending);border:1px solid rgba(0,105,140,.3)}.badge-delayed{background-color:var(--status-delayed-bg);color:var(--status-delayed);border:1px solid rgba(227,6,19,.3)}.badge-completed{background-color:var(--status-completed-bg);color:var(--status-completed);border:1px solid rgba(0,168,107,.3)}.badge-cyan{background-color:var(--accent-cyan-glow);color:var(--accent-cyan);border:1px solid var(--border-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .85rem;border-radius:var(--radius-sm);font-family:var(--font-family-display);font-weight:600;font-size:.8rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap;min-height:34px}.btn-primary{background:linear-gradient(135deg,var(--po-primary-blue) 0%,var(--po-lift-green) 100%);color:#fff;box-shadow:0 2px 10px #00a86b40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00a86b66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-full)}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.form-input,.form-select{width:100%;padding:.45rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family-sans);font-size:.825rem;min-height:36px;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-glow)}.hide-mobile{display:none!important}@media(min-width:768px){.hide-mobile{display:flex!important}.hide-desktop{display:none!important}}.add-edit-form-grid>div:has(.is-open),.filter-toolbar>div:has(.is-open),.form-grid-col-1:has(.is-open),.form-grid-col-2:has(.is-open),app-select.is-open,app-date-picker.is-open{position:relative;z-index:10000!important}