:root{--yellow:#fddb88;--yellow-light:#fef0c7;--mint:#78d1c4;--mint-light:#d4f2ee;--teal:#148b9c;--teal-dark:#0f6e7d;--pink:#fd7899;--pink-light:#fedbea;--blue-gray:#b6d5d8;--blush:#fceeee;--bg-base:#fafaf9;--bg-card:#fff;--text-main:#2d3748;--text-sub:#718096;--text-muted:#a0aec0;--border:#e8f4f3;--shadow-sm:0 2px 8px #148b9c14;--shadow-md:0 4px 16px #148b9c1f;--shadow-lg:0 8px 32px #148b9c26;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--bg-base);height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Nunito,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#78d1c440 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:fixed;top:-120px;right:-120px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#fd789930 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:fixed;bottom:-100px;left:-100px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--blush);border-radius:99px}::-webkit-scrollbar-thumb{background:var(--mint);border-radius:99px}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header{background:linear-gradient(135deg, var(--teal) 0%, #1aa5b8 100%);box-shadow:var(--shadow-md);z-index:50;padding:0 1.5rem;position:sticky;top:0}.app-header-inner{align-items:center;gap:1.5rem;max-width:1400px;height:60px;margin:0 auto;display:flex}.app-logo{color:#fff;letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:900;text-decoration:none;display:flex}.app-logo span{color:var(--yellow)}.app-nav{flex:1;align-items:center;gap:.25rem;display:flex}.nav-link{color:#fffc;border-radius:var(--radius-lg);white-space:nowrap;padding:.4rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff26}.nav-link.active{color:var(--teal);background:#fff}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1.5px solid var(--border);padding:1.25rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-teal{border-color:var(--mint);background:linear-gradient(135deg,#e8f9f7 0%,#d4f2ee 100%)}.card-pink{background:linear-gradient(135deg, #fff0f5 0%, var(--blush) 100%);border-color:var(--pink-light)}.card-yellow{background:linear-gradient(135deg, #fffbee 0%, var(--yellow-light) 100%);border-color:var(--yellow)}.btn{border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--teal) 0%, #1aa5b8 100%);color:#fff;box-shadow:0 3px 12px #148b9c59}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #148b9c73}.btn-pink{background:linear-gradient(135deg, var(--pink) 0%, #ff8fae 100%);color:#fff;box-shadow:0 3px 12px #fd789959}.btn-pink:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #fd789973}.btn-yellow{background:linear-gradient(135deg, var(--yellow) 0%, #fee9a0 100%);color:#7a5a00;box-shadow:0 3px 12px #fddb8873}.btn-yellow:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px #fddb888c}.btn-outline{border:2px solid var(--border);color:var(--text-sub);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--mint);color:var(--teal);background:var(--mint-light)}.btn-danger-outline{color:#dc2626;background:0 0;border:2px solid #fca5a5}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.btn-sm{padding:.3rem .85rem;font-size:.75rem}.btn-xs{padding:.25rem .65rem;font-size:.7rem}.form-label{color:var(--teal-dark);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:.35rem;font-size:.75rem;font-weight:700;display:flex}.form-input,.form-select{color:var(--text-main);border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:.5rem .85rem;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #78d1c433}input[type=color].form-input{cursor:pointer;height:2.5rem;padding:.15rem .35rem}.table-wrapper{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:linear-gradient(135deg,#e8f9f7 0%,#d4f2ee 100%)}.data-table th{text-align:left;color:var(--teal-dark);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid var(--mint);padding:.75rem 1rem;font-size:.75rem;font-weight:800}.data-table td{color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f7fffe}.data-table .subrow td{background:#f0fdfc}.badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border-radius:99px;align-items:center;padding:.2rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.badge-teal{background:var(--mint-light);color:var(--teal-dark)}.badge-pink{background:var(--pink-light);color:#c0195a}.badge-yellow{background:var(--yellow-light);color:#7a5a00}.badge-green{color:#166534;background:#dcfce7}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:#475569;background:#f1f5f9}.badge-blue{color:#1e40af;background:#dbeafe}.shift-pill{border-radius:var(--radius-lg);cursor:pointer;border:2px solid #0000;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.shift-pill-off{border-color:var(--border);color:var(--text-sub);background:#fff}.shift-pill-off:hover{border-color:var(--mint);color:var(--teal);background:var(--mint-light)}.shift-pill-1{background:var(--yellow-light);border-color:var(--yellow);color:#7a5a00}.shift-pill-2{background:var(--pink-light);border-color:var(--pink);color:#c0195a}.shift-pill-3{background:var(--mint-light);border-color:var(--mint);color:var(--teal-dark)}.shift-pill-custom{color:#5b21b6;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#a78bfa}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.alert-info{background:var(--mint-light);color:var(--teal-dark);border:1.5px solid var(--mint)}.alert-error{color:#991b1b;background:#fee2e2;border:1.5px solid #fca5a5}.alert-warning{background:var(--yellow-light);color:#7a5a00;border:1.5px solid var(--yellow)}.alert-success{color:#166534;background:#dcfce7;border:1.5px solid #86efac}.page-title{color:var(--teal-dark);font-size:1.5rem;font-weight:900;line-height:1.2}.page-subtitle{color:var(--text-sub);margin-top:.2rem;font-size:.875rem;font-weight:600}.section-title{color:var(--teal-dark);align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.section-title:before{content:"";background:var(--pink);border-radius:99px;width:4px;height:1.1em;display:inline-block}.divider{border:none;border-top:1.5px solid var(--border);margin:1rem 0}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.9rem;font-weight:600}.empty-state-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading-text{color:var(--text-muted);font-size:.875rem;font-weight:600;animation:1.4s ease-in-out infinite shimmer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeInUp}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.pop{animation:.2s pop}.desktop-only{display:flex}.mobile-only,.mobile-bottom-nav{display:none}.mobile-safe-bottom{padding-bottom:1.5rem}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-header{padding:0 1rem}.app-header-inner{height:52px}.app-logo{font-size:1rem}.app-shell{overflow-x:hidden}.app-main{padding:.75rem}.mobile-safe-bottom{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.page-title{font-size:1.15rem}.section-title{font-size:.9rem}.card{border-radius:var(--radius-sm);padding:1rem}.btn{padding:.45rem 1rem;font-size:.8rem}.btn-sm{padding:.3rem .75rem;font-size:.72rem}.btn-xs{padding:.22rem .55rem;font-size:.68rem}.table-wrapper{border-radius:var(--radius-sm)}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:.6rem .7rem}.form-input,.form-select{font-size:1rem}.mobile-bottom-nav{z-index:100;border-top:1.5px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #148b9c1a}.mobile-nav-item{color:var(--text-muted);letter-spacing:.2px;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.55rem .25rem;font-size:.6rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.mobile-nav-item svg{transition:transform .18s}.mobile-nav-item--active{color:var(--teal)}.mobile-nav-item--active svg{transform:scale(1.1)}.mobile-nav-item--active span:before{content:""}[style*="borderBottom: 2px solid #E2E8F0"]{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}