:root{--color-bg: #0f0f23;--color-bg-elevated: rgba(255, 255, 255, .08);--color-bg-glass: rgba(255, 255, 255, .08);--color-bg-glass-border: rgba(255, 255, 255, .12);--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-glow: rgba(99, 102, 241, .4);--color-border: rgba(255, 255, 255, .1);--radius: 12px;--radius-lg: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 8px 24px rgba(0, 0, 0, .2);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0f0f23,#1e1b4b,#312e81,#1e1b4b,#0f172a);background-attachment:fixed;color:var(--color-text);line-height:1.6;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.25),transparent),radial-gradient(ellipse 60% 40% at 100% 80%,rgba(139,92,246,.15),transparent),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(34,211,238,.1),transparent);pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}.app{max-width:640px;width:100%;margin:0 auto;padding:var(--space-md);min-height:100vh}@media(min-width:480px){.app{padding:var(--space-lg)}}.app-login{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-md)}@media(min-width:480px){.app-login{padding:var(--space-xl)}}.header{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-bg-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(min-width:480px){.header{padding:var(--space-md) var(--space-lg)}}.header h1{margin:0;font-size:1rem;font-weight:600;flex:1 1 auto;min-width:0}@media(min-width:480px){.header h1{font-size:1.125rem}}.header-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;justify-content:flex-end}.btn{padding:var(--space-sm) var(--space-md);min-height:44px;min-width:44px;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-glass);color:var(--color-text);font-family:inherit;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(min-width:480px){.btn{min-height:auto;min-width:auto}}.btn:hover{background:#ffffff1f;border-color:#ffffff2e}.btn-primary{background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;border:none;box-shadow:0 4px 14px var(--color-accent-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-hover),#a78bfa);box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;border:1px solid transparent}.btn-ghost:hover{background:#ffffff14}.input{width:100%;padding:var(--space-md) var(--space-md);min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:16px;font-family:inherit;background:#ffffff0d;color:var(--color-text);transition:border-color .2s,box-shadow .2s}@media(min-width:480px){.input{padding:var(--space-sm) var(--space-md);min-height:auto;font-size:1rem}}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--color-text-muted)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.label{display:block;margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500;color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-md)}.card{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-bg-glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md)}@media(min-width:480px){.card{padding:var(--space-lg)}}.card-login{max-width:400px;margin:0 auto;padding:var(--space-md);width:100%}@media(min-width:480px){.card-login{padding:var(--space-xl)}}.schedule-table{width:100%;border-collapse:collapse;border-radius:var(--radius);overflow:hidden}.schedule-table th,.schedule-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.schedule-table th{background:#ffffff0d;font-weight:600;font-size:.875rem;color:var(--color-text-muted)}.schedule-table tr:last-child td{border-bottom:none}.schedule-table th:first-child,.schedule-table td:first-child{padding-left:var(--space-md)}.schedule-table th:last-child,.schedule-table td:last-child{padding-right:var(--space-md)}@media(min-width:480px){.schedule-table th:first-child,.schedule-table td:first-child{padding-left:var(--space-lg)}.schedule-table th:last-child,.schedule-table td:last-child{padding-right:var(--space-lg)}}.schedule-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.schedule-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius);min-height:48px}.schedule-card-day{font-weight:500}.schedule-card-shift{color:var(--color-text-muted);font-size:.9375rem}@media(min-width:480px){.schedule-cards{display:none}}@media(max-width:479px){.schedule-table{display:none}}.alert-error{background:#ef444426;color:#fca5a5;padding:var(--space-md);border-radius:var(--radius);margin-bottom:var(--space-md);border:1px solid rgba(239,68,68,.3)}.badge{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-approved{background:#22c55e33;color:#86efac}.badge-rejected{background:#ef444433;color:#fca5a5}.badge-pending{background:#eab30833;color:#fde047}.form-row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.form-row-radios{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-xs);flex-wrap:wrap}.form-row-radios label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;min-height:44px}.form-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media(max-width:479px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.leave-item{padding:var(--space-md);background:#ffffff08;border-radius:var(--radius);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}@media(max-width:479px){.leave-item{flex-direction:column;align-items:flex-start}}@media(max-width:479px){select.input,input.input{font-size:16px!important}}.lang-switcher{font-size:.8125rem;padding:4px 8px;min-width:100px}@media(max-width:479px){.lang-switcher{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal-card{width:100%;max-width:420px;max-height:90vh;overflow-y:auto}