@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#073590;--bg-secondary:#004e8f;--bg-card:#204fac;--border-glass:#fff3;--bg-glass:#073590bf;--accent-blue:#f5c92a;--accent-blue-hover:#ffb300;--accent-purple:#f5c92a;--accent-pink:#f7ca27;--text-main:#fff;--text-muted:#fff9;--text-dark:#073590;--color-normal:#fff;--color-normal-bg:#f57c00;--color-split:#fff;--color-split-bg:#f57c00;--color-vacation:#fff;--color-vacation-bg:#d4a017;--color-libre:#fff;--color-libre-bg:#43a047;--color-success:#10b981;--color-danger:#f87171;--color-warning:#fbbf24;--shadow-glow:0 14px 28px #00000040, 0 10px 10px #00000038;--shadow-purple:0 14px 28px #00000040;--border-radius:8px;--transition-speed:.3s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;overflow-x:hidden}a{color:var(--accent-blue);transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--accent-blue-hover)}button{cursor:pointer;transition:all var(--transition-speed) ease;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000005e}.app-container{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:16px;display:flex;position:relative}@media (width>=768px){.app-container{max-width:800px}}.header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;display:flex}.logo-container{align-items:center;gap:8px;display:flex}.logo-text{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.logo-tag{color:var(--accent-blue);background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-input{border:1px solid var(--border-glass);width:100%;color:var(--text-main);transition:all var(--transition-speed);background:#0f172a99;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 10px #0ea5e933}.form-select{background:var(--bg-secondary);border:1px solid var(--border-glass);width:100%;color:var(--text-main);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-select:focus{border-color:var(--accent-blue);outline:none}.btn{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:var(--text-main);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #0ea5e966}.btn-secondary{color:var(--text-main);border:1px solid var(--border-glass);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}dialog{border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-main);opacity:0;transition-behavior:allow-discrete;border-radius:20px;width:90%;max-width:440px;margin:auto;padding:24px;transition-property:opacity,transform,display,overlay;transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1);transform:scale(.9);box-shadow:0 10px 50px #0009}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.9)}}dialog::backdrop{-webkit-backdrop-filter:blur();transition:display .3s allow-discrete, overlay .3s allow-discrete, background-color .3s ease-out, backdrop-filter .3s ease-out;background-color:#0000}dialog[open]::backdrop{-webkit-backdrop-filter:blur(4px);background-color:#070a13b3}@starting-style{dialog[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#070a1300}}@media (prefers-reduced-motion:reduce){dialog{transition-duration:.1s;transform:none}@starting-style{dialog[open]{transform:none}}}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dialog-title{font-size:1.25rem;font-weight:700}.dialog-close{color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex}.dialog-close:hover{color:var(--text-main);background:#ffffff0d}.bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-glass);z-index:100;background:#0f172ad9;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);background:0 0;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--accent-blue)}.nav-item svg{width:22px;height:22px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.badge{border-radius:6px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-normal{background-color:var(--color-normal-bg);color:var(--color-normal)}.badge-split{background-color:var(--color-split-bg);color:var(--color-split)}.badge-vacation{background-color:var(--color-vacation-bg);color:var(--color-vacation)}.badge-libre{background-color:var(--color-libre-bg);color:var(--color-libre)}.badge-hours{color:#a78bfa;background-color:#8b5cf626}.mobile-split-line{display:none}@media (width<=768px){.calendar-grid-details{display:none!important}.mobile-split-line{z-index:1;pointer-events:none;opacity:.8;background:linear-gradient(to top left,#0000 calc(50% - 1.5px),#475569 calc(50% - 1.5px) calc(50% + 1.5px),#0000 calc(50% + 1.5px));width:100%;height:100%;display:block;position:absolute;top:0;left:0}}