@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color:#f0f4f8;--panel-bg:#fff;--panel-border:#e8edf2;--text-primary:#0f2d4a;--text-secondary:#5c7a96;--text-muted:#9ab0c4;--sidebar-bg:#0d1b2a;--sidebar-text:#e2ecf5;--sidebar-active:#29b6e8;--brand-blue:#1b4f81;--brand-cyan:#29b6e8;--cold-blue-light:#29b6e8;--cold-blue-dark:#1b4f81;--cold-cyan:#29b6e8;--cold-warning:#f59e0b;--cold-danger:#ef4444;--color-indigo:#6366f1;--color-indigo-bg:#eef2ff;--color-violet:#8b5cf6;--color-violet-bg:#f5f3ff;--color-emerald:#10b981;--color-emerald-bg:#ecfdf5;--color-sky:#0ea5e9;--color-sky-bg:#f0f9ff;--color-amber:#f59e0b;--color-amber-bg:#fffbeb;--color-orange:#f97316;--color-orange-bg:#fff7ed;--color-red:#ef4444;--color-red-bg:#fef2f2;--glass-shadow:0 1px 3px #0000000a, 0 8px 24px #0000000f;--border-radius-lg:16px;--border-radius-md:24px;--border-radius-sm:8px;--font-family:"Inter", sans-serif;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--text-xs:.72rem;--text-sm:.82rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}h1{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}h2{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:-.02em}h3{font-size:var(--text-md);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:-.01em}h4{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;margin-bottom:.35rem;display:block}input,select,textarea{font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);border:1px solid var(--panel-border);transition:all var(--transition-fast);background:#fdfdfe;border-radius:8px;outline:none;padding:.65rem .85rem}input:focus,select:focus{border-color:var(--brand-cyan);background:#fff;box-shadow:0 0 0 4px #29b6e81a}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;z-index:2;background:0 0;width:auto;height:auto;position:absolute;inset:0}.date-input-wrapper{align-items:center;display:flex;position:relative}.date-input-wrapper .calendar-icon .premium-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2329b6e8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding-right:1.5rem!important}.date-input-wrapper .calendar-icon{pointer-events:none;color:var(--brand-cyan);z-index:1;position:absolute;right:1rem}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem}.glass-panel:hover{transform:translateY(-3px);box-shadow:0 4px 6px #0000000a,0 16px 32px #00000017}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);width:260px;color:var(--sidebar-text);z-index:10;border-top:3px solid #29b6e8;flex-direction:column;padding:2rem 1rem;display:flex;box-shadow:4px 0 20px #0000002e}.main-content{flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.drawer-slide-in{animation:.35s cubic-bezier(.4,0,.2,1) forwards slideInRight}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;background:#0f2d4a33;animation:.3s forwards fadeIn;position:fixed;inset:0}.drawer-panel{z-index:100;border-left:1px solid var(--panel-border);background:#fff;flex-direction:column;width:800px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #0000001a}.menu-btn{color:#8faec8;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.9rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;display:flex}.menu-btn:hover{color:#fff;background:#ffffff0f}.menu-btn.active{color:#fff;background:linear-gradient(135deg,#29b6e8,#1b9bc7);box-shadow:0 4px 16px #29b6e866}.btn{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-blue), #1a6db5);color:#fff;box-shadow:0 2px 8px #1b4f814d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1b4f8173}.btn-cyan{color:#fff;background:linear-gradient(135deg,#29b6e8,#1b9bc7);box-shadow:0 2px 8px #29b6e84d}.btn-cyan:hover{transform:translateY(-1px);box-shadow:0 4px 14px #29b6e880}.btn-ghost{color:var(--text-secondary);border:1px solid var(--panel-border);background:0 0}.btn-ghost:hover{background:var(--bg-color);color:var(--text-primary);border-color:#c8d8e4}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444447}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98147}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98173}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.pill-scroll{scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent}.pill-scroll::-webkit-scrollbar{width:6px}.pill-scroll::-webkit-scrollbar-track{background:0 0}.pill-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:10px}.pill-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}