.toast-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-paper-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;min-width:280px;max-width:420px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);line-height:1.4}.toast-bar--enter{animation:toastSlideIn var(--duration-base) var(--ease-out-back)}.toast-bar--exit{animation:toastSlideOut var(--duration-fast) var(--ease-in-out)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.toast-bar__accent{position:absolute;left:0;top:0;bottom:0;width:4px}.toast-bar--success .toast-bar__accent{background:var(--color-success)}.toast-bar--error .toast-bar__accent{background:var(--color-error)}.toast-bar--warning .toast-bar__accent{background:var(--color-warning)}.toast-bar--info .toast-bar__accent,.toast-bar--loading .toast-bar__accent{background:var(--color-info)}.toast-bar__icon{flex-shrink:0;display:flex;align-items:center}.toast-bar--success .toast-bar__icon{color:var(--color-success)}.toast-bar--error .toast-bar__icon{color:var(--color-error)}.toast-bar--warning .toast-bar__icon{color:var(--color-warning)}.toast-bar--info .toast-bar__icon,.toast-bar--loading .toast-bar__icon{color:var(--color-info)}.toast-bar--loading .toast-bar__icon svg{animation:spin .8s linear infinite}.toast-bar__message{flex:1;min-width:0;word-break:break-word}.toast-bar__close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-ink-muted);transition:all var(--transition-fast);display:flex;align-items:center}.toast-bar__close:hover{background:var(--color-paper-inset);color:var(--color-ink)}.confirm-dialog{border:none;border-radius:var(--radius-xl);padding:0;background:var(--color-paper-elevated);box-shadow:var(--shadow-xl);max-width:420px;width:calc(100% - var(--space-8));animation:confirmIn var(--duration-base) var(--ease-out-back)}.confirm-dialog::backdrop{background:#1a233280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) ease}@keyframes confirmIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog__content{padding:var(--space-6);text-align:center}.confirm-dialog__icon{display:flex;justify-content:center;margin-bottom:var(--space-4)}.confirm-dialog--default .confirm-dialog__icon,.confirm-dialog--warning .confirm-dialog__icon{color:var(--color-warning)}.confirm-dialog--danger .confirm-dialog__icon{color:var(--color-error)}.confirm-dialog__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2)}.confirm-dialog__message{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-secondary);line-height:1.5;margin-bottom:var(--space-6)}.confirm-dialog__actions{display:flex;gap:var(--space-3);justify-content:center}.confirm-dialog__btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid var(--color-paper-border);transition:all var(--transition-fast)}.confirm-dialog__btn--cancel{background:var(--color-paper);color:var(--color-ink-secondary)}.confirm-dialog__btn--cancel:hover{background:var(--color-paper-inset);color:var(--color-ink)}.confirm-dialog__btn--confirm{border:none;color:#fff}.confirm-dialog__btn--default{background:var(--gradient-primary)}.confirm-dialog__btn--default:hover{filter:brightness(.9)}.confirm-dialog__btn--warning{background:var(--color-warning)}.confirm-dialog__btn--warning:hover{filter:brightness(.9)}.confirm-dialog__btn--danger{background:var(--color-error)}.confirm-dialog__btn--danger:hover{filter:brightness(.9)}.page-loader{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-8)}.page-loader__spinner{width:32px;height:32px;border:3px solid var(--color-paper-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.session-modal{border:none;border-radius:var(--radius-xl);padding:0;background:var(--color-paper-elevated);box-shadow:var(--shadow-xl);max-width:380px;width:calc(100% - var(--space-8));animation:confirmIn var(--duration-base) var(--ease-out-back)}.session-modal::backdrop{background:#1a2332b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.session-modal__content{padding:var(--space-8) var(--space-6);text-align:center}.session-modal__icon{color:var(--color-warning);margin-bottom:var(--space-4)}.session-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2)}.session-modal__desc{font-size:var(--text-sm);color:var(--color-ink-secondary);margin-bottom:var(--space-5);line-height:1.5}.session-modal__form{display:flex;flex-direction:column;gap:var(--space-3)}.session-modal__user{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--color-primary);padding:var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-md)}.session-modal__input{padding:var(--space-3);border:1px solid var(--color-paper-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);text-align:center;transition:border-color var(--transition-fast)}.session-modal__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.session-modal__error{font-size:var(--text-xs);color:var(--color-error)}.session-modal__btn{padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast)}.session-modal__btn--primary{background:var(--gradient-primary);color:#fff}.session-modal__btn--primary:hover:not(:disabled){filter:brightness(.9)}.session-modal__btn--primary:disabled{opacity:.5;cursor:not-allowed}.session-modal__btn--secondary{background:transparent;color:var(--color-ink-muted)}.session-modal__btn--secondary:hover{color:var(--color-ink);background:var(--color-paper-inset)}.layout{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.sidebar{background:var(--gradient-sidebar);color:#fff;display:flex;flex-direction:column;width:280px;min-width:280px;min-height:100vh;position:sticky;top:0;left:0;z-index:100;flex-shrink:0;background-image:var(--gradient-sidebar),radial-gradient(ellipse at 30% 0%,rgba(110,154,201,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(131,191,30,.05) 0%,transparent 50%)}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,#ffffff14,#ffffff05,#ffffff14)}.sidebar-header{padding:var(--space-8) var(--space-6);border-bottom:1px solid rgba(255,255,255,.06);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:var(--space-6);right:var(--space-6);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(110,154,201,.3) 50%,transparent 100%)}.logo{display:flex;align-items:center;gap:var(--space-4)}.logo-icon{width:48px;height:48px;background:var(--gradient-secondary);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.75rem;font-weight:700;box-shadow:0 4px 12px #83bf1e4d,inset 0 1px #fff3;transition:all var(--transition-base)}.logo-icon:hover{transform:scale(1.05);box-shadow:0 6px 20px #83bf1e66,inset 0 1px #ffffff40}.logo-text{font-family:var(--font-display);font-size:1.625rem;font-weight:700;letter-spacing:.12em;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.nav-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:#ffffff8c;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff14,#ffffff05);opacity:0;transition:opacity var(--transition-fast)}.nav-link svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-fast)}.nav-link:hover{color:#fff}.nav-link:hover:before{opacity:1}.nav-link:hover svg{transform:scale(1.1)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#6e9ac933,#6e9ac91a)}.nav-link.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--gradient-primary);border-radius:0 4px 4px 0;box-shadow:0 0 12px #6e9ac980}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;background:#10b981;color:#fff;font-size:.7rem;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-badge.pending{background:#f59e0b}.nav-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);margin:var(--space-4) 0}.sidebar-content{position:fixed;top:0;width:inherit}.sidebar-footer{padding:var(--space-5);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:var(--space-4);position:fixed;bottom:0;left:0;background:#00000026;width:inherit}.sidebar-footer:before{content:"";position:absolute;top:0;left:var(--space-5);right:var(--space-5);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(131,191,30,.25) 50%,transparent 100%)}.user-info{flex:1;display:flex;align-items:center;gap:var(--space-3);min-width:0}.user-avatar{width:42px;height:42px;background:var(--gradient-secondary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);flex-shrink:0;box-shadow:0 2px 8px #83bf1e40,inset 0 1px #ffffff26}.user-details{display:flex;flex-direction:column;min-width:0;gap:var(--space-1)}.user-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.user-role{font-size:var(--text-xs);color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.logout-btn{width:40px;height:40px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#ffffff80;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#d6454526;color:#ff6b6b;border-color:#d645454d;transform:scale(1.05)}.logout-btn svg{width:18px;height:18px}.main-content{flex:1;padding:var(--space-10);background:var(--color-paper);min-height:100vh;min-width:0;width:100%;overflow-x:hidden;position:relative}.main-content:before{content:"";position:fixed;top:0;left:280px;right:0;height:200px;background:var(--gradient-glow-primary);pointer-events:none;opacity:.5}.mobile-menu-toggle{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;width:48px;height:48px;background:var(--gradient-sidebar);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.mobile-menu-toggle:hover{transform:scale(1.05)}.mobile-menu-toggle.open{transform:translate(220px);background:transparent;box-shadow:none}.mobile-menu-toggle svg{width:24px;height:24px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#1a2332b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;transition:opacity var(--transition-base)}.sidebar-overlay.open{display:block;opacity:1}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-paper);width:100%;gap:var(--space-6)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-paper-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-ink-muted);letter-spacing:.05em}@media(max-width:1024px){.mobile-menu-toggle{display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-6);padding-top:calc(var(--space-6) + 64px)}.main-content:before{left:0}}@media(max-width:640px){.sidebar{width:300px;min-width:300px}.main-content{padding:var(--space-4);padding-top:calc(var(--space-4) + 64px)}.sidebar-header{padding:var(--space-6) var(--space-5)}.nav-menu{padding:var(--space-5)}.sidebar-footer{padding:var(--space-4)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--color-ink)}.login-background{position:absolute;inset:0;z-index:0}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(110,154,201,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(131,191,30,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(110,154,201,.03) 0%,transparent 80%)}.bg-gradient{position:absolute;inset:0;background:linear-gradient(160deg,#1a2332f2,#0f1520fa,#1a2332f2)}.bg-pattern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(110,154,201,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(110,154,201,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.bg-pattern:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at center,rgba(110,154,201,.08) 0%,transparent 70%);top:-200px;right:-200px;animation:float 8s ease-in-out infinite}.login-container{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-16)}.login-card{width:440px;background:var(--color-paper-elevated);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d;animation:scaleIn .6s var(--ease-out-expo);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.login-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(110,154,201,.05) 0%,transparent 50%);pointer-events:none}.login-header{text-align:center;margin-bottom:var(--space-10);position:relative}.login-logo{display:inline-flex;margin-bottom:var(--space-6)}.login-logo-icon{width:80px;height:80px;background:var(--gradient-sidebar);color:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2.75rem;font-weight:700;box-shadow:0 8px 24px #1a23324d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.login-logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shine 3s ease-in-out infinite}@keyframes shine{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}.login-logo-icon span{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:.15em;margin-bottom:var(--space-2);margin-top:var(--space-4);color:var(--color-ink)}.login-subtitle{color:var(--color-ink-muted);font-size:var(--text-base);margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:var(--space-5);position:relative}.form-group{display:flex;flex-direction:column;animation:slideUp var(--duration-base) var(--ease-out-expo) backwards}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.form-group input{padding:var(--space-4) var(--space-5);font-size:var(--text-base);border:2px solid var(--color-paper-border);border-radius:var(--radius-lg);background:var(--color-paper);transition:all var(--transition-fast);height:56px}.form-group input:hover{border-color:var(--color-ink-subtle)}.form-group input:focus{border-color:var(--color-primary);background:var(--color-paper-elevated);box-shadow:0 0 0 4px var(--color-primary-light)}.login-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;animation:slideUp .3s var(--ease-out-expo);border:1px solid rgba(214,69,69,.2)}.login-error svg{width:20px;height:20px;flex-shrink:0}.login-btn{margin-top:var(--space-4);padding:var(--space-5) var(--space-8);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;background:var(--gradient-sidebar);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-3);height:56px;letter-spacing:.02em;position:relative;overflow:hidden;box-shadow:0 4px 12px #1a233233;animation:slideUp var(--duration-base) var(--ease-out-expo) .2s backwards}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1a23324d}.login-btn:hover:not(:disabled):before{opacity:1}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-paper-border);text-align:center;animation:fadeIn var(--duration-slow) var(--ease-out-expo) .3s backwards}.login-footer p{color:var(--color-ink-subtle);font-size:var(--text-sm);margin:0}.login-decoration{display:none;position:relative;width:280px;height:400px}@media(min-width:1100px){.login-decoration{display:block}}.deco-line{position:absolute;left:0;top:50%;width:160px;height:3px;background:var(--gradient-primary);transform:translateY(-50%);animation:slideIn .8s var(--ease-out-expo) .4s both;border-radius:2px;box-shadow:0 0 20px #6e9ac966}.deco-circle{position:absolute;left:120px;top:25%;width:80px;height:80px;border:3px solid rgba(110,154,201,.3);border-radius:50%;animation:scaleIn .8s var(--ease-out-expo) .6s both}.deco-circle:before{content:"";position:absolute;inset:15px;border:2px solid rgba(131,191,30,.25);border-radius:50%}.deco-square{position:absolute;left:60px;bottom:20%;width:60px;height:60px;background:linear-gradient(135deg,#83bf1e26,#83bf1e0d);transform:rotate(45deg);animation:scaleIn .8s var(--ease-out-expo) .8s both;border-radius:var(--radius-md);border:1px solid rgba(131,191,30,.2)}.deco-dots{position:absolute;right:0;top:40%;display:grid;grid-template-columns:repeat(3,8px);gap:12px;animation:fadeIn .8s var(--ease-out-expo) 1s both}.deco-dots span{width:8px;height:8px;background:#6e9ac94d;border-radius:50%}.deco-dots span:nth-child(2),.deco-dots span:nth-child(4),.deco-dots span:nth-child(6),.deco-dots span:nth-child(8){background:#83bf1e4d}.deco-line-vertical{position:absolute;right:40px;top:30%;width:3px;height:100px;background:linear-gradient(180deg,rgba(110,154,201,.4) 0%,transparent 100%);border-radius:2px;animation:slideDown .8s var(--ease-out-expo) .7s both}@media(max-width:1100px){.login-container{gap:var(--space-10)}}@media(max-width:768px){.login-card{width:calc(100vw - var(--space-8));max-width:440px;padding:var(--space-8);margin:var(--space-4)}.login-header{margin-bottom:var(--space-8)}.login-logo-icon{width:64px;height:64px;font-size:2rem}.login-header h1{font-size:var(--text-2xl)}.form-group input,.login-btn{height:52px}}@media(max-width:480px){.login-card{padding:var(--space-6);border-radius:var(--radius-lg)}.login-header h1{letter-spacing:.1em}}:root{--color-primary: #6E9AC9;--color-primary-hover: #5987BA;--color-primary-dark: #4A7AAD;--color-primary-light: rgba(110, 154, 201, .12);--color-primary-subtle: rgba(110, 154, 201, .06);--color-secondary: #83BF1E;--color-secondary-hover: #74AB1A;--color-secondary-dark: #659716;--color-secondary-light: rgba(131, 191, 30, .12);--color-secondary-subtle: rgba(131, 191, 30, .06);--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-light: var(--color-primary-light);--color-ink: #1a2332;--color-ink-secondary: #3d4f66;--color-ink-muted: #6b7a8f;--color-ink-subtle: #6b7280;--color-paper: #f7f8fa;--color-paper-elevated: #ffffff;--color-paper-inset: #eef1f5;--color-paper-border: #e2e6ed;--color-success: var(--color-secondary);--color-success-light: var(--color-secondary-light);--color-warning: #e8a838;--color-warning-light: rgba(232, 168, 56, .12);--color-error: #d64545;--color-error-light: rgba(214, 69, 69, .12);--color-info: var(--color-primary);--color-info-light: var(--color-primary-light);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.7) 100%);--gradient-sidebar: linear-gradient(180deg, #1a2332 0%, #0f1520 100%);--gradient-glow-primary: radial-gradient(ellipse at 50% 0%, rgba(110, 154, 201, .15) 0%, transparent 70%);--gradient-glow-secondary: radial-gradient(ellipse at 50% 0%, rgba(131, 191, 30, .1) 0%, transparent 70%);--font-display: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 35, 50, .04);--shadow-sm: 0 2px 4px rgba(26, 35, 50, .06), 0 1px 2px rgba(26, 35, 50, .04);--shadow-md: 0 4px 12px rgba(26, 35, 50, .08), 0 2px 4px rgba(26, 35, 50, .04);--shadow-lg: 0 8px 24px rgba(26, 35, 50, .1), 0 4px 8px rgba(26, 35, 50, .06);--shadow-xl: 0 16px 48px rgba(26, 35, 50, .12), 0 8px 16px rgba(26, 35, 50, .08);--shadow-glow-primary: 0 0 20px rgba(110, 154, 201, .25);--shadow-glow-secondary: 0 0 20px rgba(131, 191, 30, .25);--shadow-inset: inset 0 1px 2px rgba(26, 35, 50, .06);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--transition-fast: var(--duration-fast) var(--ease-out-expo);--transition-base: var(--duration-base) var(--ease-out-expo);--transition-slow: var(--duration-slow) var(--ease-out-expo)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;width:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.65;color:var(--color-ink);background-color:var(--color-paper);min-height:100vh;width:100%;overflow-x:hidden;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25;color:var(--color-ink);letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em}h2{font-size:var(--text-3xl);letter-spacing:-.025em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--color-ink-secondary)}strong{font-weight:600;color:var(--color-ink)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast);font-weight:500}a:hover{color:var(--color-accent-hover)}input,select{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-paper-border);border-radius:var(--radius-md);background:var(--color-paper-elevated);color:var(--color-ink);transition:all var(--transition-fast);width:100%;height:48px;box-sizing:border-box}select{appearance:none;-webkit-appearance:none;-moz-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' fill='none'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;padding-right:40px;cursor:pointer}input:hover,select:hover{border-color:var(--color-ink-subtle)}input:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-paper-border);border-radius:var(--radius-md);background:var(--color-paper-elevated);color:var(--color-ink);transition:all var(--transition-fast);width:100%;min-height:100px;resize:vertical;box-sizing:border-box;line-height:1.6}textarea:hover{border-color:var(--color-ink-subtle)}textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}input::placeholder,textarea::placeholder{color:var(--color-ink-subtle)}label{display:block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-ink-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.08em}button,a.btn-accent,a.btn-primary,a.btn-ghost{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;text-decoration:none;letter-spacing:.01em;position:relative;overflow:hidden}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-sidebar);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-accent{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow-primary)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 30px #6e9ac959}.btn-accent:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow-secondary)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 30px #83bf1e59}.btn-ghost{background:transparent;color:var(--color-ink-secondary);border:1.5px solid var(--color-paper-border)}.btn-ghost:hover:not(:disabled){background:var(--color-paper);border-color:var(--color-ink-subtle);color:var(--color-ink)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);gap:var(--space-1)}.badge-campo{background:var(--color-info-light);color:var(--color-primary-dark);border:1px solid rgba(110,154,201,.2)}.badge-informe{background:var(--color-warning-light);color:#b07d1c;border:1px solid rgba(232,168,56,.2)}.badge-presentacion{background:var(--color-success-light);color:var(--color-secondary-dark);border:1px solid rgba(131,191,30,.2)}.badge-materiales{background:var(--color-secondary-light);color:var(--color-secondary-dark);border:1px solid rgba(131,191,30,.2)}.badge-planificacion{background:#1a23320f;color:var(--color-ink-muted);border:1px solid rgba(26,35,50,.08)}.text-muted{color:var(--color-ink-muted)}.text-subtle{color:var(--color-ink-subtle)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.card{background:var(--color-paper-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-paper-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-paper-border)}.card:hover:before{opacity:1}.card-glow{position:relative}.card-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow-primary);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.card-glow:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out-expo)}.animate-slide-up{animation:slideUp var(--duration-base) var(--ease-out-expo)}.animate-slide-in{animation:slideIn var(--duration-base) var(--ease-out-expo)}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-out-expo)}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-paper);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--color-paper-border);border-radius:5px;border:2px solid var(--color-paper);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-subtle)}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--color-paper-inset) 25%,var(--color-paper) 50%,var(--color-paper-inset) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.glass{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#1a2332d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.skip-to-content{position:absolute;top:-100%;left:var(--space-4);z-index:10000;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:top var(--duration-fast) ease}.skip-to-content:focus{top:var(--space-4)}