/* Local, shared liquid-glass theme. Data, form names and server actions stay in their pages. */
:root{color-scheme:light;--lg-ink:#263648;--lg-muted:#52667b;--lg-accent:#235980;--lg-line:#c9d9e699;--lg-scene:radial-gradient(ellipse at 97% 3%,#f5dcf0 0%,#dbc9e647 24%,transparent 52%),linear-gradient(124deg,transparent 0% 15%,#789fbd42 20%,#d4dbe691 25%,#e7d3e17a 29%,transparent 34%),linear-gradient(35deg,transparent 0% 66%,#92bad35c 69%,#e5ddea80 72%,transparent 77%),linear-gradient(145deg,#b3dcf2,#d5e9f4 48%,#bfd9ed);--lg-glass:linear-gradient(135deg,#ffffff47,#ffffff12 54%,#ffffff2e);--lg-edge:inset 1px 1px 1px #ffffffe0,inset -1px -1px 2px #82a9c65c,inset 3px 3px 7px #ffffff73,0 8px 22px -14px #26587859}
body.lg-app{margin:0!important;min-height:100vh;padding:88px 28px 40px 264px!important;background:var(--lg-scene) fixed!important;background-size:100vw 100vh!important;color:var(--lg-ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;display:block!important;animation:none!important;opacity:1!important;transform:none!important}
.lg-app *{box-sizing:border-box}.lg-app [hidden]{display:none!important}.lg-app .lg-icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0;display:inline-block}.lg-app .lg-local-icon::before{display:none!important}.lg-app .lg-local-icon{display:inline-flex!important;font-style:normal}
.lg-app a{color:var(--lg-accent)}.lg-app button,.lg-app input,.lg-app select,.lg-app textarea{font:inherit}.lg-app a:focus-visible,.lg-app button:focus-visible{outline:3px solid #276d9c!important;outline-offset:3px}.lg-app input:focus-visible,.lg-app select:focus-visible,.lg-app textarea:focus-visible{outline:none!important}
.lg-app>.container,.lg-app>.va-page{max-width:1280px;width:100%;min-width:0;margin:0 auto!important;padding:26px!important;background:#ffffff7a!important;border:1px solid #ffffffb3;border-radius:26px;box-shadow:0 8px 30px #3e6d9910;overflow:visible!important;animation:lg-fade-up 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards!important;opacity:0}
@keyframes lg-fade-up { 0% { opacity: 0; transform: translateY(20px) scale(0.99); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
.lg-app .lg-topbar{position:fixed;inset:14px 26px auto 264px;height:56px;display:flex;align-items:center;gap:12px;padding:8px 16px;z-index:80;border:1px solid #ffffffb3;border-radius:28px;background:var(--lg-glass);box-shadow:var(--lg-edge);backdrop-filter:blur(13px) saturate(135%);-webkit-backdrop-filter:blur(13px) saturate(135%)}
.lg-app .lg-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--lg-ink);font-weight:650;letter-spacing:-.4px}.lg-app .lg-top-role{margin-left:auto;font-size:12px;color:var(--lg-muted)}
.lg-app .lg-sidebar{position:fixed;left:16px;top:14px;bottom:18px;width:226px;z-index:9999;display:flex;flex-direction:column;padding:18px 12px;border:1px solid #ffffffbf;border-radius:28px;background:var(--lg-glass);box-shadow:var(--lg-edge);backdrop-filter:blur(15px) saturate(135%);-webkit-backdrop-filter:blur(15px) saturate(135%);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lg-app .lg-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 12px 12px;font-size:17px;font-weight:650}.lg-app .lg-nav-group{padding:16px 12px 5px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#48647c}.lg-app .lg-nav-link{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 12px;margin:3px 0;border-radius:23px;text-decoration:none;color:#304b64;font-size:13px;transition:transform .16s,background .16s;isolation:isolate;position:relative}
.lg-app .lg-nav-link:hover{background:#ffffff35}.lg-app .lg-nav-link[aria-current=page]{background:linear-gradient(130deg,#ffffff6b,#ffffff17);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 1px #7facc47a,0 5px 10px #42739112;color:#1f547c;font-weight:600}.lg-app .lg-sidebar-account{margin-top:auto;padding:22px 10px 0;font-size:12px;overflow-wrap:anywhere}.lg-app .lg-sidebar-account>.lg-nav-link{padding-left:0}
.lg-app .lg-sidebar-user-badge { margin-top: auto; padding: 20px 12px 10px; display: flex; align-items: center; gap: 12px; }
.lg-app .lg-sidebar-avatar-img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); flex-shrink: 0; }
.lg-app .lg-sidebar-avatar-placeholder { width: 42px; height: 42px; border-radius: 50%; background: #ece8f6; display: grid; place-items: center; color: #7964cc; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); flex-shrink: 0; }
.lg-app .lg-sidebar-user-details { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.lg-app .lg-sidebar-user-name { font-size: 15px; font-weight: 600; color: var(--lg-ink); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.2; }
.lg-app .lg-sidebar-user-role { font-size: 12px; color: var(--lg-muted); margin-top: 3px; }
.lg-app .lg-sidebar-logout-wrap { padding: 0 0 10px; }
.lg-app .lg-logout-btn { width: 100%; justify-content: flex-start; color: #686c80; padding: 10px 12px; border-radius: 12px; transition: background 0.2s; margin: 0; }
.lg-app .lg-icon-button{display:grid;place-items:center;width:42px;min-height:42px;padding:8px;border:1px solid #ffffff9c;border-radius:50%;background:var(--lg-glass);color:var(--lg-ink);box-shadow:var(--lg-edge)}.lg-app .lg-menu-toggle,.lg-app .lg-close,.lg-app .lg-dock{display:none}.lg-app .lg-scrim{position:fixed;inset:0;width:100%;height:100%;z-index:99;border:0;border-radius:0;background:#162f4b45}
.lg-app .header,.lg-app .page-header,.lg-app .header-section,.lg-app .container>h1:first-child{background:transparent!important;color:var(--lg-ink)!important;box-shadow:none!important;border-radius:0!important;margin:0 0 24px!important;padding:0!important;text-align:left!important}.lg-app h1{font-size:clamp(23px,3vw,32px);line-height:1.25;letter-spacing:-.65px;color:var(--lg-ink)}.lg-app h2,.lg-app h3{color:var(--lg-ink)}.lg-app .header p{color:var(--lg-muted)}
.lg-app .user-info,.lg-app .info-card,.lg-app .user-card,.lg-app .summary-card,.lg-app .stat-card,.lg-app .stats-card,.lg-app .form-section,.lg-app .form-card,.lg-app .filter-section,.lg-app .profile-section,.lg-app .profile-header-card,.lg-app .va-card{background:#ffffff94!important;border:1px solid #ffffffb8!important;border-radius:22px!important;box-shadow:0 4px 16px #38678a08!important;color:var(--lg-ink);min-width:0}
.lg-app .form-group{min-width:0;background:transparent!important;box-shadow:none!important;padding:0!important}.lg-app .form-row,.lg-app .filter-form{gap:16px;flex-wrap:wrap}.lg-app .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.lg-app label{color:#3c536b;font-size:13px;font-weight:600;text-transform:none}.lg-app input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.lg-app select,.lg-app textarea{max-width:100%;min-width:0;padding:11px 13px!important;border:1px solid #acbfd273!important;border-radius:12px!important;background:#ffffffa8!important;color:var(--lg-ink)!important;box-shadow:inset 0 1px 2px #5a7c9610}.lg-app input[type=file]{white-space:normal}.lg-app textarea{min-height:110px}.lg-app option{background:#fff;color:var(--lg-ink)}
.lg-app button,.lg-app .btn,.lg-app .nav-btn,.lg-app .back-btn,.lg-app .save-btn{border-radius:24px;padding:10px 18px;min-height:44px;border:1px solid #ffffffd6;background:linear-gradient(135deg,#ffffff94,#ffffff26);color:#204f71;box-shadow:var(--lg-edge);text-decoration:none;cursor:pointer;transition:transform .16s}.lg-app button:disabled{opacity:.45;cursor:not-allowed}.lg-app button:not(:disabled):active,.lg-app .btn:active,.lg-app .lg-nav-link:active{transform:scale(.975)}.lg-app .btn-danger{background:#ffe9e9b3;color:#8f2727}.lg-app .btn-success{background:#def2e6c9;color:#245a3b}.lg-app .btn-primary,.lg-app .save-btn,.lg-app button[type=submit]{color:#174c72;font-weight:600;background:linear-gradient(130deg,#ffffff96,#d3eafa70);border-color:#ffffffed}.lg-app .btn-warning{background:#fff0d1c9;color:#784818}
.lg-app .lg-table-scroll,.lg-app .table-responsive,.lg-app .va-table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:16px;margin:14px 0}.lg-app table{width:100%;border-collapse:collapse;background:#ffffffb3;font-size:13px}.lg-app th{background:#eaf1f8e6!important;color:#39536d!important;font-weight:600}.lg-app td,.lg-app th{padding:12px 14px;border-bottom:1px solid #d5e0eb;vertical-align:middle}.lg-app tr:hover{background:#e7f2fc66}.lg-app td img{max-width:150px}.lg-app td form{margin:0}.lg-app td .btn,.lg-app td button{min-height:38px;white-space:nowrap}.lg-app .search-container{max-width:100%}
.lg-app .menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px}.lg-app .menu-item{position:relative;background:linear-gradient(135deg,#ffffff70,#ffffff29)!important;border:1px solid #ffffffb8!important;border-radius:25px!important;box-shadow:var(--lg-edge)!important;backdrop-filter:blur(7px) saturate(130%);-webkit-backdrop-filter:blur(7px) saturate(130%);color:var(--lg-ink)!important;text-decoration:none;min-width:0}.lg-app .menu-item p{color:var(--lg-muted);font-size:13px}.lg-app .menu-item a{color:var(--lg-ink);font-weight:600}.lg-app .menu-icon{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border-radius:50%!important;background:radial-gradient(ellipse at var(--lg-shine-x,20%) 0%,#ffffffb3,transparent 65%),linear-gradient(130deg,#d8e5ff40,#5cb4e329)!important;color:#2b5578!important;border:1px solid #ffffffb8!important;box-shadow:inset 1px 1px 1px #fff,inset -2px -2px 3px #78a7c37a,inset 3px 3px 8px #ffffff59,0 7px 12px -8px #416b9973!important;font-size:24px!important;margin:0 auto 12px}.lg-app .menu-icon .lg-icon{width:26px;height:26px}
.lg-app .va-notice, .lg-app .message {position:fixed;top:30px;left:50%;transform:translateX(-50%) translateY(-150%);z-index:99999;padding:12px 24px;border-radius:50px;font-weight:600;font-size:14px;box-shadow:0 12px 36px rgba(0,0,0,0.08), inset 0 1px 2px rgba(255,255,255,0.8);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);display:flex;align-items:center;gap:12px;pointer-events:none;animation:lg-toast-in 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards, lg-toast-out 0.5s ease-in 4s forwards;margin:0!important;border:1px solid rgba(255,255,255,0.5)!important}
@keyframes lg-toast-in {0%{transform:translateX(-50%) translateY(-150%);opacity:0} 100%{transform:translateX(-50%) translateY(0);opacity:1}}
@keyframes lg-toast-out {0%{transform:translateX(-50%) translateY(0);opacity:1} 100%{transform:translateX(-50%) translateY(-150%);opacity:0}}
.lg-app .va-notice.success, .lg-app .message.success {background:rgba(230,248,235,0.85)!important;color:#176033!important}
.lg-app .va-notice.success::before, .lg-app .message.success::before {content:'✓';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#176033;color:white;font-size:12px;flex-shrink:0}
.lg-app .va-notice.error, .lg-app .message.error {background:rgba(255,240,240,0.85)!important;color:#901616!important}
.lg-app .va-notice.error::before, .lg-app .message.error::before {content:'!';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#901616;color:white;font-size:12px;font-weight:bold;flex-shrink:0}
.lg-app .va-badge{background:#ffffff59;border:1px solid #fff;color:#36586f}.lg-app #va-in,.lg-app #va-out{position:relative;min-height:52px;background:radial-gradient(ellipse at var(--lg-shine-x,22%) 0%,#ffffffc9,transparent 70%),linear-gradient(135deg,#b9d7f25c,#d2bbe559 55%,#a9dcf266);border:1px solid #fffffff2;color:#234e71;border-radius:30px;box-shadow:inset 1px 1px 1px #fff,inset -2px -2px 3px #82a4c180,inset 0 4px 8px #fff9,0 9px 17px -10px #315f8b80;backdrop-filter:blur(5px) saturate(145%);-webkit-backdrop-filter:blur(5px) saturate(145%)}
.lg-app .app-header{margin:0 auto;padding:26px;border-radius:26px;background:linear-gradient(130deg,#ffffff70,#ffffff12)!important;color:var(--lg-ink)!important;box-shadow:var(--lg-edge);border:1px solid #ffffffb3;max-width:1100px}.lg-app .greeting-text h2,.lg-app .greeting-text p{color:var(--lg-ink)!important}.lg-app .main-content{padding:20px 0;max-width:1100px;margin:auto}.lg-app .stats-card{margin:0 0 24px!important;padding:22px 12px}.lg-app .stat-item h3{color:#325b81}.lg-app .grid-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lg-app .grid-menu .menu-item{padding:23px 10px}.lg-app .notification-btn{color:#325b81!important;border-radius:50%;width:48px;height:48px;min-height:48px;padding:10px;background:var(--lg-glass)!important;box-shadow:var(--lg-edge);border:1px solid #fff}.lg-app .bottom-nav{display:none!important}.lg-app .notif-modal{background:#f5f9fd!important;border:1px solid #fff;border-radius:24px;max-height:75vh;overflow-y:auto;z-index:1200}.lg-app .notif-modal-overlay{z-index:1199}.lg-app .top-bar{background:transparent;box-shadow:none;margin-bottom:20px}.lg-app .profile-header-card,.lg-app>.content{max-width:1000px;margin-left:auto;margin-right:auto}.lg-app .avatar-upload-btn{color:#24557d;background:#e8f3ff}.lg-app .lg-dialog{width:min(400px,calc(100vw - 32px));padding:26px;border:1px solid #fff;border-radius:26px;background:#f4f8fc;color:var(--lg-ink);box-shadow:0 20px 80px #163b5a40}.lg-app .lg-dialog::backdrop{background:#1c354c5e;backdrop-filter:blur(3px)}.lg-app .lg-dialog-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}.lg-app .lg-confirm{display:inline-flex;align-items:center;border-radius:24px;padding:10px 20px;background:#dce9f5;text-decoration:none;color:#234e71}
.lg-app.lg-auth{padding:40px 20px!important;display:flex!important;align-items:center;justify-content:center}.lg-app.lg-auth>.container,.lg-app.lg-auth>.login-container,.lg-app.lg-auth>.auth-container{width:min(460px,100%);background:#ffffff85!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #fff;border-radius:28px;box-shadow:var(--lg-edge);padding:30px!important;margin:auto!important}.lg-app.lg-auth input{width:100%}.lg-app .login-card,.lg-app .register-card{background:#ffffff9c}
@media(max-width:960px){body.lg-app{padding:82px 18px 112px!important}.lg-app .lg-topbar{left:14px;right:14px;top:12px}.lg-app .lg-menu-toggle,.lg-app .lg-close{display:grid}.lg-app .lg-sidebar{display:none;width:min(290px,calc(100vw - 36px));background:linear-gradient(145deg,#edf6ffed,#d6e8f5f2);top:12px;bottom:12px;z-index:9999}.lg-app.lg-menu-open .lg-sidebar{display:flex}.lg-app.lg-menu-open{overflow:hidden}.lg-app .lg-dock{position:fixed;display:flex;align-items:center;gap:3px;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 28px));z-index:90;padding:7px;border:1px solid #ffffffe6;border-radius:42px;background:linear-gradient(135deg,#ffffff59,#ffffff17 55%,#ffffff4d);box-shadow:var(--lg-edge),0 10px 24px -12px #31578066;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%)}.lg-app .lg-dock a,.lg-app .lg-dock button{position:relative;display:flex;flex:1;min-width:0;min-height:57px;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:10px;text-decoration:none;border:0;box-shadow:none;background:transparent;border-radius:30px;color:#365873;padding:6px 3px}.lg-app .lg-dock [aria-current=page]{background:linear-gradient(130deg,#ffffff85,#bfdaeb29);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 1px #94b2cb73;color:#204e72;font-weight:600}.lg-app .lg-dock .lg-icon{width:23px;height:23px}.lg-app>.container,.lg-app>.va-page{padding:22px!important}.lg-app .grid-menu{gap:12px}.lg-app .lg-table-scroll table,.lg-app .table-responsive table{min-width:600px}.lg-app .va-table-wrap table{min-width:410px}.lg-app .form-section{padding:20px}.lg-app .nav-buttons{display:none!important}}
@media(max-width:600px){body.lg-app{padding:82px 12px 108px!important;font-size:14px}.lg-app>.container,.lg-app>.va-page{padding:19px 15px!important;border-radius:23px}.lg-app .va-layout{grid-template-columns:1fr;gap:0}.lg-app .va-card{padding:20px}.lg-app .grid-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lg-app .grid-menu .menu-item{min-height:128px;padding:20px 9px}.lg-app .grid-menu .menu-item span{font-size:13px}.lg-app .app-header{padding:23px 18px}.lg-app .stats-card{padding:19px 8px}.lg-app .stat-item h3{font-size:23px}.lg-app .form-grid{grid-template-columns:1fr}.lg-app .form-row,.lg-app .filter-form,.lg-app .filter-controls{display:flex;flex-direction:column;align-items:stretch}.lg-app .form-row>*{width:100%}.lg-app input:not([type=checkbox]):not([type=radio]),.lg-app select,.lg-app textarea{font-size:16px!important}.lg-app .user-info{flex-wrap:wrap;gap:12px}.lg-app .va-actions{gap:10px}.lg-app .va-actions label{width:100%}.lg-app .va-actions button{flex:1}.lg-app .profile-header-card{padding:24px}.lg-app .notif-modal{left:12px;right:12px;width:auto;top:82px}.lg-app .content{padding:0}.lg-app .menu{grid-template-columns:1fr}.lg-app .summary-stats,.lg-app .stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.lg-app .btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){.lg-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lg-app button:active,.lg-app .btn:active,.lg-app .lg-nav-link:active{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lg-app .lg-sidebar,.lg-app .lg-topbar,.lg-app .lg-dock{background:#e9f3fcf5}.lg-app .menu-item{background:#edf5fc!important}}
.lg-app>.container{height:auto!important;display:block!important}.lg-app .menu{flex:none;align-items:start}.lg-app .menu>.menu-item{padding:24px 18px;min-height:195px}.lg-app .select2-container{width:100%!important;max-width:100%;min-width:0}.lg-app .avatar-management,.lg-app .upload-section,.lg-app .employee-card{background:#ffffff85;border:1px solid #ffffffb3;border-radius:20px;box-shadow:none;min-width:0}.lg-app .employee-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.lg-app .logout-btn{background:#ffffff70!important;color:#355773!important;border:1px solid #ffffffd9;box-shadow:var(--lg-edge)}
.lg-app select.select2-hidden-accessible{position:fixed!important;left:0!important;right:auto!important;top:0!important;width:1px!important;max-width:1px!important;min-width:0!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
.lg-app .notif-modal{display:none!important;top:82px!important;bottom:auto!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 106px)!important}.lg-app .notif-modal.active{display:block!important}.lg-app .notif-modal-overlay{display:none!important}.lg-app .notif-modal-overlay.active{display:block!important}
@media print{body.lg-app{padding:0!important;background:#fff!important}.lg-app .lg-sidebar,.lg-app .lg-topbar,.lg-app .lg-dock,.lg-app .lg-scrim{display:none!important}.lg-app>.container,.lg-app>.va-page{border:0;box-shadow:none;background:#fff!important}}

/* Fix flatpickr internal inputs inheriting global app input styles (high specificity required) */
html body.lg-app .flatpickr-calendar input:not([type=hidden]):not([type=checkbox]):not([type=radio]), 
html body.lg-app .flatpickr-calendar select {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    min-width: 0 !important;
    font-size: inherit !important;
    margin: 0 !important;
}
html body.lg-app .flatpickr-calendar select {
    padding-right: 15px !important;
    width: auto !important;
    cursor: pointer !important;
}
html body.lg-app .flatpickr-calendar input.cur-year {
    padding: 0 0 0 0.5ch !important;
}

/* Match the registration entrance to the other authentication cards. */
@media (prefers-reduced-motion: no-preference) {
  body.lg-app.lg-auth > .register-container {
    animation: lg-fade-up 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}

/* Persistent attendance instructions belong in normal document flow. */
.lg-app .va-notice{position:static;top:auto;left:auto;transform:none;z-index:auto;width:100%;max-width:none;display:block;pointer-events:auto;animation:none!important;opacity:1;margin:16px 0!important;border-radius:14px;padding:14px 16px;box-shadow:none;overflow-wrap:anywhere}
.lg-app .va-notice::before{margin-right:8px}
.lg-app .va-layout{gap:20px;margin-bottom:20px}
.lg-app .va-layout .va-card{height:auto;margin-bottom:0}
.lg-app #va-camera-panel,.lg-app #va-message{scroll-margin-top:100px;scroll-margin-bottom:110px}
@media(max-width:600px){.lg-app>.va-page{background:transparent!important;border:0;box-shadow:none;padding:12px 0!important}.lg-app .va-layout{gap:18px}}



/* AJAX action dialogs: custom in-app modal, no native browser confirm/alert UI. */
body.app-dialog-open{overflow:hidden}
.app-dialog-overlay{position:fixed;inset:0;z-index:12000;background:rgba(15,23,42,.46);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:appDialogFade .16s ease-out}
.app-dialog-card{width:min(440px,100%);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.88);border-radius:24px;padding:26px;box-shadow:0 24px 70px rgba(15,23,42,.24);text-align:center;animation:appDialogPop .18s ease-out}
.app-dialog-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;font-size:26px;font-weight:800;background:#e8f0fb;color:#315d9b}
.app-dialog-icon[data-type="warning"],.app-dialog-icon[data-type="question"]{background:#fff4dc;color:#b96f00}.app-dialog-icon[data-type="error"]{background:#fee9e7;color:#b42318}.app-dialog-icon[data-type="success"]{background:#e8f7ef;color:#18794e}
.app-dialog-title{margin:0;color:var(--lg-ink,#1f2937);font-size:1.35rem;font-weight:800}.app-dialog-text{margin:10px 0 0;color:var(--lg-muted,#667085);line-height:1.58;white-space:pre-line}
.app-dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.app-dialog-btn{min-width:118px;border:0;border-radius:14px;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.app-dialog-btn:active{transform:translateY(1px)}.app-dialog-confirm{background:#315d9b;color:#fff;box-shadow:0 8px 20px rgba(49,93,155,.2)}.app-dialog-cancel{background:#eef2f6;color:#334155}.app-dialog-btn:focus-visible{outline:3px solid rgba(49,93,155,.25);outline-offset:2px}
.app-dialog-loader{display:flex;justify-content:center;gap:7px;margin-top:22px}.app-dialog-loader span{width:9px;height:9px;border-radius:999px;background:#315d9b;animation:appDialogDot .9s infinite ease-in-out}.app-dialog-loader span:nth-child(2){animation-delay:.12s}.app-dialog-loader span:nth-child(3){animation-delay:.24s}
@keyframes appDialogFade{from{opacity:0}to{opacity:1}}@keyframes appDialogPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes appDialogDot{0%,80%,100%{transform:scale(.7);opacity:.45}40%{transform:scale(1);opacity:1}}
@media(max-width:520px){.app-dialog-card{padding:22px 18px;border-radius:22px}.app-dialog-actions{flex-direction:column-reverse}.app-dialog-btn{width:100%}}