@font-face{font-family:Futura;src:url(../assets/fonts/FutuBd.ttf)format("truetype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Futura;src:url(../assets/fonts/FuturaBoldBT.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Futura;src:url(../assets/fonts/FutuMd.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Futura;src:url(../assets/fonts/FutuuraMediumBT.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-primary:"Futura", Arial, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--primary:#9b2480;--secondary:#000;--pure-white:#fff;--off-white:#f8f7f8;--surface-soft:#fcfafc;--surface-muted:#f2eef2;--text-primary:#1c1820;--text-secondary:#403943;--text-muted:#766e78;--text-on-primary:#fff;--border-color:#e4dde4;--border-strong:#d1c6d0;--primary-soft:#f6eaf3;--primary-hover:#851f6e;--primary-shadow:#9b248033;--success:#287a46;--success-background:#edf8f1;--error:#b42318;--error-background:#fdf0ef;--info:#315c85;--info-background:#eef5fb;--side-nav-width:248px;--mobile-nav-height:84px;--border-radius-small:6px;--border-radius:10px;--card-border-radius:18px;--shadow-small:0 1px 2px #0000000a, 0 2px 6px #0000000a;--shadow-card:0 8px 24px #18101812, 0 2px 6px #1810180a;--shadow-large:0 24px 60px #140a1429;--transition-fast:.16s ease;--transition-standard:.22s ease}*{box-sizing:border-box}html{scrollbar-gutter:stable;min-height:100%;overflow-y:scroll}body{min-height:100vh;color:var(--text-primary);background-color:var(--off-white);font-family:var(--font-primary);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select,textarea{font-family:var(--font-primary)}button{-webkit-tap-highlight-color:transparent}img{max-width:100%}::selection{color:var(--pure-white);background-color:var(--primary)}.app-background{margin-left:var(--side-nav-width);background-color:#0000;background-image:linear-gradient(145deg,#140a12e0 0%,#4c113fd6 48%,#9b2480b8 100%),url(data:image/webp;base64,);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;position:relative}.app-background-overlay{pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff14,#0000 36%);position:absolute;inset:0}.app-background-content{z-index:1;min-height:100vh;display:flow-root;position:relative}.app-content{flex-direction:column;gap:22px;width:100%;max-width:1500px;margin:0 auto;padding:28px;display:flex}.page-header-card{position:relative;overflow:hidden}.page-header-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#9b248017 0%,#0000 70%);width:140px;height:140px;position:absolute;top:0;right:0}.page-header-card h1{z-index:1;color:var(--primary);font-size:clamp(28px,3vw,38px);font-weight:var(--font-weight-black);letter-spacing:-.02em;margin:0 0 8px;line-height:1.08;position:relative}.page-header-card p{z-index:1;max-width:760px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.65;position:relative}.page-main-card h2{color:var(--text-primary);font-size:23px;font-weight:var(--font-weight-bold);margin-top:0;margin-bottom:16px;line-height:1.25}.page-main-card p{color:var(--text-secondary);margin-top:0;margin-bottom:12px;font-size:15px;line-height:1.7}.page-main-card p:last-child{margin-bottom:0}.secondary-nav{z-index:1;flex-wrap:wrap;gap:8px;margin-top:22px;display:flex;position:relative}.secondary-nav-item{color:var(--text-secondary);background-color:var(--pure-white);font-size:14px;font-weight:var(--font-weight-bold);border:1px solid var(--border-color);box-shadow:var(--shadow-small);transition:color var(--transition-standard), background-color var(--transition-standard), border-color var(--transition-standard), box-shadow var(--transition-standard), transform var(--transition-standard);border-radius:999px;padding:10px 17px;text-decoration:none;display:block}.secondary-nav-item:hover{color:var(--primary);background-color:var(--primary-soft);border-color:#9b24804d;transform:translateY(-1px)}.secondary-nav-item.active{color:var(--pure-white);background-color:var(--primary);border-color:var(--primary);box-shadow:0 5px 14px #9b248038}.login-page{background-color:#0000;background-image:linear-gradient(145deg,#120910e6 0%,#5b124adb 48%,#9b2480c2 100%),url(data:image/webp;base64,);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 15%,#ffffff14,#0000 32%),radial-gradient(circle at 82% 80%,#ffffff0f,#0000 28%);position:absolute;inset:0}.login-card{z-index:1;width:100%;max-width:500px;box-shadow:var(--shadow-large);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f7f8f5;border:1px solid #ffffff80;border-radius:24px;padding:30px;position:relative}.login-logo{object-fit:contain;width:190px;max-height:110px;margin:0 auto 28px;display:block}.login-tabs{background-color:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--border-radius);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;display:grid}.login-tab{color:var(--text-muted);font-size:15px;font-weight:var(--font-weight-bold);cursor:pointer;transition:color var(--transition-standard), background-color var(--transition-standard), box-shadow var(--transition-standard);background-color:#0000;border:none;border-radius:7px;padding:10px 16px}.login-tab:hover{color:var(--primary);background-color:var(--pure-white)}.login-tab.active{color:var(--pure-white);background-color:var(--primary);box-shadow:var(--shadow-small)}.login-card form{flex-direction:column;gap:17px;display:flex}.auth-page{background-color:#0000;background-image:linear-gradient(145deg,#120910e6 0%,#5b124adb 48%,#9b2480c2 100%),url(data:image/webp;base64,);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 15%,#ffffff14,#0000 32%);position:absolute;inset:0}.auth-card{z-index:1;width:100%;max-width:500px;box-shadow:var(--shadow-large);border-radius:22px;position:relative}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-form-header{margin-bottom:5px}.auth-form-header h1{color:var(--primary);font-size:30px;font-weight:var(--font-weight-black);letter-spacing:-.015em;margin:0 0 8px;line-height:1.15}.auth-form-header p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.auth-link-button{color:var(--primary);font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer;transition:color var(--transition-fast), opacity var(--transition-fast);background-color:#0000;border:none;align-self:flex-start;padding:2px 0}.auth-link-button:hover{color:var(--secondary);text-decoration:underline}.auth-link-button:focus-visible{outline:3px solid var(--primary-shadow);outline-offset:4px;border-radius:2px}.card{border:1px solid var(--border-color);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);padding:26px}.card-white{background-color:var(--pure-white)}.card-off-white{background-color:var(--off-white)}.form-field{flex-direction:column;gap:7px;width:100%;display:flex}.form-field label{color:var(--text-secondary);font-size:13px;font-weight:var(--font-weight-bold);line-height:1.4}.form-field input{width:100%;min-height:46px;color:var(--text-primary);background-color:var(--pure-white);font-size:15px;font-weight:var(--font-weight-regular);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-standard), background-color var(--transition-standard), box-shadow var(--transition-standard);outline:none;padding:11px 14px;box-shadow:inset 0 1px 2px #00000004}.form-field input:hover{border-color:var(--border-strong)}.form-field input::placeholder{color:#aaa2aa}.form-field input:focus{background-color:var(--pure-white);border-color:var(--primary);box-shadow:0 0 0 4px #9b24801a}.form-field input:disabled{color:var(--text-muted);background-color:var(--surface-muted);cursor:not-allowed}.staff-entry-form{flex-direction:column;gap:34px;display:flex}.staff-entry-section{flex-direction:column;gap:18px;display:flex}.staff-entry-section+.staff-entry-section{border-top:1px solid var(--border-color);padding-top:27px}.staff-entry-section h2{color:var(--primary);font-size:21px;font-weight:var(--font-weight-bold);margin:0;line-height:1.25}.staff-entry-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.form-button{width:100%;min-height:46px;color:var(--pure-white);background-color:var(--primary);font-size:15px;font-weight:var(--font-weight-bold);border:1px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-standard), border-color var(--transition-standard), box-shadow var(--transition-standard), transform var(--transition-fast), opacity var(--transition-standard);padding:11px 18px;box-shadow:0 5px 14px #9b248033}.form-button:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 8px 18px #9b248042}.form-button:active:not(:disabled){transform:translateY(0)}.form-button:focus-visible{outline-offset:3px;outline:3px solid #9b248033}.form-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.form-message{border-radius:var(--border-radius);border:1px solid #0000;width:100%;padding:11px 13px;font-size:14px;line-height:1.5}.form-message-success{color:var(--success);background-color:var(--success-background);border-color:#287a4647}.form-message-error{color:var(--error);background-color:var(--error-background);border-color:#b423183d}.form-message-info{color:var(--info);background-color:var(--info-background);border-color:#315c8538}.side-nav{z-index:10;width:var(--side-nav-width);border-right:1px solid var(--border-color);background:linear-gradient(#fff 0%,#faf8fa 100%);flex-direction:column;height:100vh;padding:24px 16px 18px;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 22px #190e1809}.side-nav-header{justify-content:center;margin-bottom:26px;display:flex}.side-nav-logo{border-bottom:1px solid var(--border-color);object-fit:contain;width:155px;max-height:90px;padding-bottom:22px;display:block}.side-nav nav,.mobile-nav-menu nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:var(--text-secondary);font-size:14px;font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:color var(--transition-standard), background-color var(--transition-standard), border-color var(--transition-standard), transform var(--transition-fast);border:1px solid #0000;padding:11px 14px;line-height:1.4;text-decoration:none;display:block}.nav-item:hover{color:var(--primary);background-color:var(--primary-soft);border-color:#9b24800f;transform:translate(2px)}.nav-item.active{color:var(--pure-white);background:linear-gradient(135deg, var(--primary) 0%, #b33594 100%);font-weight:var(--font-weight-bold);box-shadow:0 6px 14px #9b248033}.side-nav-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:18px}.logout-button{width:100%;color:var(--primary);font-size:14px;font-weight:var(--font-weight-bold);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-standard), color var(--transition-standard), border-color var(--transition-standard), box-shadow var(--transition-standard);background-color:#0000;border:1px solid #9b248059;padding:10px 14px}.logout-button:hover{color:var(--pure-white);background-color:var(--primary);border-color:var(--primary);box-shadow:0 5px 12px #9b24802e}.logout-button:focus-visible{outline:3px solid var(--primary-shadow);outline-offset:3px}.mobile-nav{display:none}@media (width<=768px){.side-nav{display:none}.mobile-nav{z-index:10;display:block;position:fixed;top:0;left:0;right:0}.app-background{padding-top:var(--mobile-nav-height);background-attachment:scroll;margin-left:0}.mobile-nav-header{height:var(--mobile-nav-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff7;justify-content:center;align-items:center;padding:14px 64px;display:flex;position:relative;box-shadow:0 4px 14px #120a120f}.mobile-nav-logo{object-fit:contain;width:210px;max-height:58px;display:block}.mobile-nav-button{min-width:42px;min-height:42px;color:var(--primary);background-color:var(--primary-soft);border-radius:var(--border-radius);cursor:pointer;border:1px solid #9b24801f;justify-content:center;align-items:center;padding:5px 9px;font-size:25px;line-height:1;display:flex;position:absolute;right:16px}.mobile-nav-menu{z-index:20;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffffa;padding:14px 16px 18px;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 28px #140a141a}.mobile-nav-footer{border-top:1px solid var(--border-color);margin-top:14px;padding-top:14px}.login-page,.auth-page{padding:20px}.login-card{border-radius:20px;max-width:460px;padding:22px}.login-logo{width:160px;margin-bottom:22px}.auth-card{width:100%}.auth-form-header h1{font-size:26px}.card{border-radius:15px;padding:21px}.app-content{gap:16px;padding:16px}.page-header-card h1{font-size:28px}.page-header-card p{font-size:15px}.page-main-card h2{font-size:20px}.secondary-nav{flex-direction:column;gap:7px}.secondary-nav-item{border-radius:var(--border-radius);width:100%}.staff-entry-form{gap:26px}.staff-entry-section+.staff-entry-section{padding-top:22px}.staff-entry-form-grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.login-page,.auth-page{padding:14px}.login-card{padding:18px}.login-logo{width:145px}.card{padding:18px}.app-content{padding:12px}.page-header-card h1{font-size:25px}.auth-form-header h1{font-size:24px}.mobile-nav-logo{width:175px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
