:root{color-scheme:dark;--primary: #ff00cc;--primary-dark: #cc00a3;--primary-dim: rgba(255,0,204,.12);--primary-glow: rgba(255,0,204,.25);--bg-dark: #07030f;--bg-surface: #0f0a1a;--bg-card: #120d1e;--bg-card-hover: #181228;--bg-input: rgba(255,255,255,.04);--bg-input-focus: rgba(255,0,204,.06);--glass-border: rgba(255,255,255,.07);--border-focus: rgba(255,0,204,.45);--border-card: rgba(255,255,255,.06);--glass-nav: rgba(7,3,15,.9);--text-main: #f0eaf8;--text-muted: #7a7090;--text-dim: #3d3550;--danger: #ff4757;--danger-dim: rgba(255,71,87,.12);--success: #2ed573;--success-dim: rgba(46,213,115,.12);--warning: #ffa502;--warning-dim: rgba(255,165,2,.12);--info: #0fb9b1;--info-dim: rgba(15,185,177,.12);--whatsapp: #25D366;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-modal: 0 24px 60px rgba(0,0,0,.7);--shadow-primary: 0 8px 28px rgba(255,0,204,.25);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-top: env(safe-area-inset-top);--glass: rgba(18,13,30,.97)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;-webkit-tap-highlight-color:transparent}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;z-index:100!important;position:fixed!important;bottom:10px!important;right:10px!important;transform:scale(.72)!important;transform-origin:bottom right!important;transition:opacity .3s ease!important}.grecaptcha-badge.badge-visible{visibility:visible!important;opacity:1!important}body{background-color:var(--bg-dark);color:var(--text-main);height:100vh;overflow:hidden;background-image:radial-gradient(ellipse 60% 40% at 10% 0%,rgba(255,0,204,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 90% 100%,rgba(100,0,200,.05) 0%,transparent 60%);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.hidden{display:none!important}.fade-in{animation:fadeIn .25s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px #ff00cc80}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes frozenPulse{0%,to{box-shadow:0 0 #00b4ff00,inset 0 0 20px #00b4ff0d}50%{box-shadow:0 0 30px #00b4ff59,inset 0 0 30px #00b4ff1f}}@keyframes birthdayGlow{0%,to{box-shadow:0 0 30px #ffd70080}50%{box-shadow:0 0 50px #ff69b4cc}}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-400px) rotate(20deg);opacity:0}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(500px) rotate(360deg);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@keyframes glow{0%,to{text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.5)}50%{text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 40px rgba(255,255,255,.9),0 0 60px rgba(255,215,0,.7)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes bsBubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.balloon{font-size:40px}.balloon-float{font-size:50px}.confetti{font-size:30px}.note-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:10px;transition:background .2s,box-shadow .2s;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.note-card:hover{background:var(--bg-card-hover);box-shadow:0 4px 20px #00000059}.note-card:active{background:#1c1530}.note-card.cat-pending{border-left:3px solid var(--warning)}.note-card.cat-urgent{border-left:3px solid var(--danger)}.note-card.cat-done{border-left:3px solid var(--success);opacity:.65}.note-card.cat-info{border-left:3px solid #74b9ff}.note-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-pending{background:var(--warning-dim);color:var(--warning)}.badge-urgent{background:var(--danger-dim);color:var(--danger)}.badge-done{background:var(--success-dim);color:var(--success)}.badge-info{background:#74b9ff1f;color:#74b9ff}.note-title{font-size:15px;font-weight:600;color:var(--text-main);line-height:1.3}.note-body{font-size:13px;color:var(--text-muted);line-height:1.55}.note-meta{font-size:11px;color:var(--text-dim);display:flex;gap:12px;flex-wrap:wrap}.note-actions{display:flex;gap:8px;margin-top:4px}.note-act-btn{flex:1;padding:9px;border-radius:var(--radius-sm);border:1px solid var(--border-card);background:#ffffff08;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;position:relative;z-index:10}.note-act-btn:hover{transform:translateY(-1px);box-shadow:0 2px 10px #00000040}.note-act-btn:active{transform:scale(.97)}.note-act-edit{border-color:#f0c3;color:var(--primary)}.note-act-done{border-color:#2ed57333;color:var(--success)}.note-act-delete{border-color:#ff475733;color:var(--danger)}.note-filter-btn{transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;position:relative;z-index:10}.note-filter-btn:hover{transform:translateY(-1px)}.note-filter-btn:active{transform:scale(.97)}.ann-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ff00cc1a,#6400c812);border:1px solid rgba(255,0,204,.2);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:24px}.ann-hero-icon{width:52px;height:52px;flex-shrink:0;background:var(--primary-dim);border:1px solid rgba(255,0,204,.3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.ann-hero-icon i{font-size:26px;color:var(--primary)}.ann-hero-title{font-size:17px;font-weight:700;color:var(--text-main)}.ann-hero-sub{font-size:12px;color:var(--text-muted);margin-top:3px}.ann-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 700px){.ann-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 1100px){.ann-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.ann-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative}.ann-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#a855f7);opacity:.8}.ann-card:hover{border-color:#f0c3;box-shadow:0 8px 32px #00000059;transform:translateY(-2px)}.ann-card-img{width:100%;max-height:160px;object-fit:cover;display:block;flex-shrink:0}.ann-card-body{padding:18px;flex:1;display:flex;flex-direction:column;gap:8px}.ann-card-title{font-size:15px;font-weight:700;color:var(--text-main);line-height:1.3}.ann-card-desc{font-size:13px;color:var(--text-muted);line-height:1.6;flex:1}.ann-card-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ann-role-chip{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.ann-card-meta{font-size:11px;color:var(--text-dim);display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.ann-card-link{display:inline-flex;align-items:center;gap:6px;background:#ff00cc14;border:1px solid rgba(255,0,204,.2);border-radius:var(--radius-sm);padding:8px 14px;color:var(--primary);font-size:12px;font-weight:600;text-decoration:none;margin-top:4px;transition:background .2s}.ann-card-link:hover{background:#ff00cc24}.ann-card-link i{font-size:15px}.ann-badge-action{display:inline-flex;align-items:center;gap:5px;background:#ffa5021f;border:1px solid rgba(255,165,2,.3);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--warning)}.ann-status-accepted{display:flex;align-items:center;gap:7px;background:var(--success-dim);border:1px solid rgba(46,213,115,.2);border-radius:var(--radius-sm);padding:9px 14px;font-size:12px;font-weight:700;color:var(--success);margin-top:4px}.ann-status-rejected{display:flex;align-items:center;gap:7px;background:var(--danger-dim);border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-sm);padding:9px 14px;font-size:12px;font-weight:700;color:var(--danger);margin-top:4px}.ann-status-pending{display:flex;align-items:center;gap:7px;background:#ffa5021a;border:1px solid rgba(255,165,2,.25);border-radius:var(--radius-sm);padding:9px 14px;font-size:12px;font-weight:700;color:var(--warning);margin-top:4px;cursor:pointer;transition:background .2s}.ann-status-pending:hover{background:#ffa5022e}.ann-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px 16px;border-top:1px solid var(--border-card)}.ann-act-btn{flex:1;min-width:80px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-card);background:#ffffff08;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.2s;touch-action:manipulation}.ann-act-btn:hover{transform:translateY(-1px);box-shadow:0 2px 10px #00000040}.ann-act-btn:active{transform:scale(.97)}.ann-act-responses{border-color:#0fb9b133;color:var(--info)}.ann-act-edit{border-color:#f0c3;color:var(--primary)}.ann-act-archive{border-color:#ffa50233;color:var(--warning)}.ann-act-delete{border-color:#ff475733;color:var(--danger)}.ann-empty-state{text-align:center;padding:70px 20px;color:var(--text-dim)}.ann-empty-state i{font-size:72px;opacity:.25;display:block;margin-bottom:16px}.ann-empty-state div{font-size:17px;font-weight:600;color:var(--text-muted)}.ann-empty-state p{font-size:13px;color:var(--text-dim);margin-top:6px}#modal-create-announcement .glass-panel{max-width:580px}@media (max-width: 600px){#modal-create-announcement{align-items:flex-end!important;padding:0!important}#modal-create-announcement .glass-panel{border-radius:24px 24px 0 0!important;max-height:94vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}}@media (max-width: 500px){.ann-role-label{width:100%;justify-content:flex-start}}#toast-container{position:fixed;bottom:calc(80px + var(--safe-area-bottom));left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;pointer-events:none;width:100%;max-width:420px;padding:0 16px}.toast{pointer-events:all;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;width:100%;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);animation:toastIn .35s cubic-bezier(.34,1.56,.64,1) forwards;line-height:1.4}.toast.hiding{animation:toastOut .3s ease-in forwards}.toast-success{background:#0a1c12f7;color:var(--success);border-color:#2ed57333}.toast-error{background:#1c080cf7;color:#ff6b81;border-color:#ff475733}.toast-warning{background:#1c1404f7;color:var(--warning);border-color:#ffa50233}.toast-info{background:#04121cf7;color:#74b9ff;border-color:#74b9ff33}.toast i{font-size:20px;flex-shrink:0}.toast-success i{color:var(--success)}.toast-error i{color:#ff6b81}.toast-warning i{color:var(--warning)}.toast-info i{color:#74b9ff}.toast-msg{flex:1}.btn{border:none;padding:15px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;letter-spacing:.4px;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity .2s}.btn-primary:hover:before{opacity:1}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,71,87,.25)}.btn-success{background:var(--success);color:#06281a;font-weight:700}.btn-info{background:var(--info);color:#fff}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.btn-outline:hover{border-color:#fff3;color:var(--text-main)}.btn-whatsapp{background:transparent;border:1px solid var(--whatsapp);color:var(--whatsapp);padding:0;border-radius:50%;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;justify-content:center;align-items:center;flex-shrink:0}input,select,textarea{background:var(--bg-input);border:1px solid var(--glass-border);color:var(--text-main);padding:14px 16px;border-radius:var(--radius-md);width:100%;margin-bottom:14px;outline:none;font-size:15px!important;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none}select option{background-color:#16102a;color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #ff00cc0f}input[type=date]{color-scheme:dark}input::placeholder,textarea::placeholder{color:var(--text-dim)}.checkbox-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:14px;background:var(--bg-input);padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary)}.app-container{display:flex;height:100vh;width:100vw;position:relative}.sidebar{width:250px;background:#00000040;border-right:1px solid var(--border-card);padding:28px 18px;display:flex;flex-direction:column;z-index:10;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.sidebar::-webkit-scrollbar,.main-content::-webkit-scrollbar,.glass-panel::-webkit-scrollbar,.admin-drawer::-webkit-scrollbar{width:4px;height:4px}.sidebar::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track,.glass-panel::-webkit-scrollbar-track,.admin-drawer::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb,.glass-panel::-webkit-scrollbar-thumb,.admin-drawer::-webkit-scrollbar-thumb{background:#f0c3;border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover,.glass-panel::-webkit-scrollbar-thumb:hover,.admin-drawer::-webkit-scrollbar-thumb:hover{background:#f0c6}.logo-area{display:flex;align-items:center;gap:12px;margin-bottom:36px;flex-shrink:0;padding:0 6px}.logo-img{width:40px;border-radius:10px}.nav-item{padding:12px 14px;margin-bottom:3px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .18s ease;font-size:13px;font-weight:400;flex-shrink:0;letter-spacing:.1px}.nav-item i{font-size:20px}.nav-item:hover{background:var(--primary-dim);color:#ff00cce6}.nav-item.active{background:var(--primary-dim);color:var(--primary);font-weight:600}.main-content{flex:1;padding:28px;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:calc(90px + var(--safe-area-bottom));height:100vh;-webkit-overflow-scrolling:touch;box-sizing:border-box}@media (min-width: 769px){.main-content{padding:44px 56px 56px}.view-section{max-width:1100px;padding:0}.page-title{font-size:30px;letter-spacing:-.8px}.header-top{margin-bottom:36px}.db-greeting{font-size:11px}.db-clock{font-size:32px}.stat-card{padding:30px 26px}.stat-value{font-size:38px}.grid-2{gap:22px;margin-bottom:28px}.grid-3{gap:22px;margin-bottom:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.db-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.db-action-main{padding:28px 20px;gap:14px}.db-action-icon{width:64px;height:64px}.db-action-icon i{font-size:32px}.db-action-label{font-size:14px}.db-action-sec{padding:20px 18px;font-size:14px}.db-section-label{font-size:11px;letter-spacing:3px;margin-bottom:16px}.db-alert-box{padding:24px;margin-bottom:24px}.db-alert-title{font-size:15px;margin-bottom:18px}.db-attendance-card{padding:24px}.list-item{padding:18px 22px;font-size:14px}.list-group{gap:12px}.glass-panel{max-width:580px;padding:40px}input,select,textarea{padding:16px 18px;font-size:15px!important}.btn{padding:16px 28px;font-size:14px}.shop-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px}#student-home,#student-schedule,#student-specials,#student-shop{max-width:100%;padding:0;overflow-y:visible}#stu-hero-header{border-radius:16px;margin-bottom:28px}.stu-body-pad{padding-left:0!important;padding-right:0!important}}@media (min-width: 1280px){.sidebar{width:270px}.main-content{padding:52px 72px 60px}.view-section{max-width:1260px}.stat-card{padding:36px 30px}.stat-value{font-size:44px}.grid-2,.grid-3{gap:26px}.db-actions-grid{gap:20px}.page-title{font-size:34px}.list-item{padding:20px 26px}.glass-panel{max-width:620px}}@media (min-width: 1600px){.sidebar{width:290px}.main-content{padding:60px 90px 70px}.view-section{max-width:1500px}.db-actions-grid{gap:24px}}.stu-view{padding:0;overflow-y:auto;overflow-x:hidden}@media (min-width: 769px){.stu-view{padding:0;overflow:visible;height:auto}.stu-view #stu-hero-header,.stu-view>div:first-child[style*="background:linear-gradient"]{border-radius:16px;margin-bottom:28px}.stu-view>div[style*="padding:16px"],.stu-view>div[style*="padding: 16px"]{padding-left:0!important;padding-right:0!important}}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:10px}.page-title{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-main)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}@media (max-width: 380px){.grid-2,.grid-3{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-card);position:relative;transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:#ff00cc26;box-shadow:0 4px 20px #0000004d}.stat-value{font-size:28px;font-weight:700;color:var(--text-main);margin-top:6px}.list-group{display:flex;flex-direction:column;gap:10px}.list-item{background:var(--bg-card);padding:16px 18px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-card);transition:background .15s,border-color .15s}.list-item:hover{background:var(--bg-card-hover)}.list-item:active{background:#1c1530}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;width:92%;max-width:420px;box-shadow:var(--shadow-modal);max-height:88vh;overflow-y:auto;overflow-x:hidden}.shop-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 600px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.shop-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:20px;text-align:center;position:relative;transition:border-color .2s,box-shadow .2s}.shop-card:hover{border-color:#f0c3}.shop-card.featured{border-color:var(--primary);background:linear-gradient(180deg,rgba(255,0,204,.06),transparent)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background:var(--glass-nav);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.05);padding:8px 8px calc(8px + var(--safe-area-bottom));z-index:999;justify-content:space-around;align-items:center;box-shadow:0 -1px #ff00cc14,0 -8px 30px #0006}.b-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);font-size:9px;font-weight:500;background:none;border:none;flex:1;padding:6px 0;transition:color .2s;cursor:pointer;letter-spacing:.3px}.b-nav-item i{font-size:22px;margin-bottom:4px;transition:transform .2s,color .2s}.b-nav-item.active{color:var(--primary)}.b-nav-item.active i{transform:translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,0,204,.5))}.full-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.nav-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding:16px 14px 6px;flex-shrink:0}.mobile-header{display:none;justify-content:space-between;align-items:center;padding:0 16px;height:58px;background:var(--bg-surface);border-bottom:1px solid var(--border-card);position:sticky;top:0;z-index:100;width:100%;flex-shrink:0}.mh-menu-btn{width:40px;height:40px;background:#ffffff0a;border:1px solid var(--border-card);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .18s;touch-action:manipulation}.mh-menu-btn:active{background:var(--primary-dim);color:var(--primary)}.mh-menu-btn i{font-size:22px}.mh-brand{display:flex;flex-direction:column;align-items:center}.mh-brand-name{font-size:15px;font-weight:700;letter-spacing:.3px}.mh-brand-sub{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--primary);text-transform:uppercase}.mh-logo{width:34px;height:34px;border-radius:9px;object-fit:cover}.dr-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-card);flex-shrink:0}.dr-logo{width:44px;height:44px;border-radius:12px;object-fit:cover}.dr-title{font-size:15px;font-weight:700;color:var(--text-main)}.dr-sub{font-size:11px;color:var(--primary);font-weight:500;letter-spacing:.3px;margin-top:2px}.dr-section-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding:14px 12px 5px}.dr-fab-toggle{background:var(--primary-dim)!important;border:1px solid rgba(255,0,204,.2)!important;border-radius:var(--radius-sm)!important;color:var(--primary)!important;font-weight:600!important;font-size:13px!important}.dr-fab-toggle i{color:var(--primary)!important;font-size:20px!important}.dr-footer{flex-shrink:0;padding-top:14px;border-top:1px solid var(--border-card);margin-top:8px}.dr-logout{color:var(--danger)!important;border-bottom:none!important}.dr-logout i{color:var(--danger)!important}.bn-scan{position:relative}.bn-scan-pill{width:50px;height:50px;background:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2px;box-shadow:0 4px 16px #f0c6;transition:transform .2s,box-shadow .2s}.bn-scan-pill i{font-size:24px;color:#fff}.bn-scan:active .bn-scan-pill{transform:scale(.93);box-shadow:0 2px 8px #ff00cc4d}.bn-scan{color:var(--text-dim)}.db-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:16px;flex-wrap:wrap}.db-greeting{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:3px}.db-clock-area{display:flex;flex-direction:column;align-items:flex-end;gap:6px;position:relative;flex-shrink:0}.db-clock{font-size:26px;font-weight:700;color:var(--text-main);letter-spacing:2px;font-variant-numeric:tabular-nums;line-height:1}.db-date-btn{font-size:12px;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid rgba(255,0,204,.2);border-radius:20px;background:var(--primary-dim);transition:all .2s;user-select:none;-webkit-user-select:none;white-space:nowrap}.db-date-btn i{font-size:13px}.db-date-btn:hover{border-color:#f0c6;background:#ff00cc26}.db-section-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.db-alert-box{border-radius:var(--radius-md);padding:18px;margin-bottom:18px;border:1px solid}.db-alert-info{background:var(--info-dim);border-color:#0fb9b140}.db-alert-warning{background:var(--warning-dim);border-color:#ffa50240}.db-alert-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:14px}.db-alert-info .db-alert-title{color:var(--info)}.db-alert-warning .db-alert-title{color:var(--warning)}.db-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.db-action-main{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.db-action-main:hover{border-color:#f0c3;background:var(--bg-card-hover);box-shadow:var(--shadow-card)}.db-action-main:active{transform:scale(.97)}.db-action-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.db-action-icon i{font-size:28px}.db-action-label{font-size:13px;font-weight:600;color:var(--text-main);letter-spacing:.2px}.db-action-sec{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);transition:all .18s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:Poppins,sans-serif}.db-action-sec i{font-size:20px;color:var(--text-dim)}.db-action-sec:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:#ffffff1a}.db-action-sec:hover i{color:var(--primary)}.db-action-sec:active{transform:scale(.97)}.db-matricula-btn{width:100%;padding:16px 20px;margin-bottom:24px;background:linear-gradient(135deg,#5a4fd1,#7c3aed);border:none;border-radius:var(--radius-md);color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #7c3aed4d;transition:all .2s;touch-action:manipulation}.db-matricula-btn i{font-size:22px}.db-matricula-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #7c3aed66}.db-matricula-btn:active{transform:scale(.97)}.db-attendance-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px}.db-attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.db-attendance-filters{display:flex;gap:10px;align-items:center;margin-bottom:10px}.db-filter-btn{flex:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;font-family:Poppins,sans-serif;white-space:nowrap;touch-action:manipulation}.db-filter-btn.active{border-color:#ff00cc4d;background:var(--primary-dim);color:var(--primary)}.db-filter-btn:hover:not(.active){border-color:#ffffff1f;color:var(--text-main)}@media (max-width: 480px){.db-clock{font-size:20px}.db-actions-grid{gap:10px}.db-action-main{padding:16px 12px}.db-action-icon{width:48px;height:48px}.db-action-icon i{font-size:24px}.db-action-label{font-size:12px}}#db-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.07);border-left-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.mobile-header{display:none;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-card);position:sticky;top:0;z-index:100;width:100%}.admin-drawer{position:fixed;top:0;left:-320px;width:290px;height:100vh;background:var(--bg-surface);z-index:2100;transition:left .28s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border-card);display:flex;flex-direction:column;padding:28px 18px;box-shadow:12px 0 40px #0009;overflow-y:auto;overflow-x:hidden}.admin-drawer.open{left:0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:2000;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-overlay.open{display:block}.drawer-item{padding:14px 12px;font-size:14px;color:var(--text-muted);border-bottom:1px solid var(--border-card);display:flex;align-items:center;gap:14px;cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm);transition:background .15s,color .15s;margin-bottom:2px}.drawer-item:active,.drawer-item:hover{background:var(--primary-dim);color:var(--primary);border-bottom-color:transparent}.drawer-item i{color:var(--text-muted);font-size:20px}.drawer-item:hover i,.drawer-item:active i{color:var(--primary)}.back-home-btn{display:none!important}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:210px;padding:20px 14px}.nav-item{padding:10px 12px;font-size:12.5px}.logo-area{margin-bottom:24px}.main-content{padding:28px 32px}.page-title{font-size:22px}.grid-3,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.sidebar{display:none}.bottom-nav{display:flex}.main-content{padding:0 0 110px;height:100vh}.view-section{padding:18px 16px}.grid-2,.grid-3{grid-template-columns:1fr}.header-top{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.header-top .page-title{flex:1;min-width:0}#btn-quick-scan{font-size:13px!important}.glass-panel{width:96%;padding:20px;max-height:88vh;overflow-y:auto}.mobile-header{display:flex}.stat-value{font-size:22px}.page-title{font-size:19px}.stat-card{padding:14px 12px}.list-item{padding:12px 13px}.btn{min-height:46px}.list-item>div{min-width:0;overflow:hidden}.glass-panel select,.glass-panel input{font-size:16px!important}}@media (max-width: 480px){.main-content{padding-bottom:105px}.view-section{padding:14px 13px}.glass-panel{width:98%;padding:16px 14px;max-height:90vh}.stat-card{padding:12px 10px}.list-item{padding:11px 12px;font-size:13px}.btn{padding:12px 14px;font-size:13px}.page-title{font-size:17px}.stat-value{font-size:20px}.btn[style*="width:auto"]{padding:8px 10px!important;font-size:12px!important}}@media (max-width: 360px){.view-section{padding:12px 10px}.glass-panel{padding:14px 12px}.page-title{font-size:16px}}@media (min-width: 600px) and (max-width: 768px){.grid-2,.grid-3,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-section{padding:20px 22px}}@media (min-width: 481px) and (max-width: 599px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height: 500px) and (orientation: landscape){#stu-hero-header{padding-top:16px!important;padding-bottom:14px!important}.bottom-nav{padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.b-nav-item{padding:3px 0;font-size:8px}.b-nav-item i{font-size:18px;margin-bottom:1px}}@media (pointer: coarse){.b-nav-item{min-height:52px}.btn{min-height:48px}input,select,textarea{min-height:48px;font-size:16px!important}select{font-size:16px!important}}@media print{.bottom-nav,.sidebar,.mobile-header,.fab{display:none!important}.main-content{padding:0!important}body{background:#fff!important;color:#000!important}}.fab{position:fixed;bottom:calc(90px + var(--safe-area-bottom));right:20px;width:56px;height:56px;background:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 24px #f0c6;cursor:pointer;z-index:998;transition:transform .2s,box-shadow .2s}.fab:active{transform:scale(.93)}@media (max-width: 768px){.fab{bottom:calc(76px + var(--safe-area-bottom))}}.crew-section{margin-bottom:28px}.crew-header{background:linear-gradient(135deg,#ff00cc1a,#00d4ff14);padding:14px 18px;border-radius:var(--radius-sm);margin-bottom:12px;border:1px solid rgba(255,0,204,.2);display:flex;justify-content:space-between;align-items:center}.crew-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.crew-count{background:#ffffff14;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.crew-member{background:var(--bg-input);padding:14px;border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid var(--glass-border);transition:background .2s,border-color .2s,transform .2s}.crew-member:hover{background:var(--primary-dim);border-color:#f0c3;transform:translate(4px)}.crew-member-name{font-weight:700;font-size:15px;margin-bottom:2px;color:var(--text-main)}.crew-member-surname{font-size:12px;color:var(--text-muted);margin-bottom:10px;font-weight:500}.crew-member-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:13px}.crew-info-item{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.crew-info-item i{font-size:15px;color:var(--primary)}.crew-info-value{color:var(--text-main);font-weight:500}.crew-last-purchase{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid}.crew-last-purchase.type-plan{background:#2ed57314;border-color:#2ed57340;color:var(--success)}.crew-last-purchase.type-clase{background:#0fb9b114;border-color:#0fb9b140;color:var(--info)}.crew-last-purchase.type-none{background:#ffffff0a;border-color:#ffffff14;color:var(--text-dim)}.crew-finance-section{background:#ffa5020d;border:1px solid rgba(255,165,2,.2);border-radius:var(--radius-md);padding:18px;margin-bottom:20px}.crew-finance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.crew-finance-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--warning)}.crew-tx-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);margin-bottom:6px;font-size:12px}.crew-tx-item:last-child{margin-bottom:0}.crew-tx-amount{font-weight:800;color:var(--success);margin-left:auto;font-size:13px;white-space:nowrap}.cfp-btn{padding:7px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;transition:all .18s}.cfp-btn:hover{background:#ffffff0f;color:var(--text-main)}.cfp-btn.cfp-active{background:var(--primary-dim);border-color:#f0c6;color:var(--primary)}.cf-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);font-size:12px}.cf-item-desc{flex:1;min-width:0}.cf-item-name{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-item-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.cf-item-amount{font-weight:800;font-size:13px;white-space:nowrap;flex-shrink:0}.plan-expires-soon{color:var(--warning)!important}.plan-expired{color:var(--danger)!important}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:9999;pointer-events:none}.tutorial-overlay.blocking{pointer-events:all}.tutorial-spotlight{position:fixed;border:2px solid var(--primary);border-radius:var(--radius-sm);box-shadow:0 0 0 9999px #000000e0,0 0 30px #ff00cc80;pointer-events:none;z-index:10000;transition:all .4s cubic-bezier(.4,0,.2,1)}.tutorial-tooltip{position:fixed;background:linear-gradient(135deg,var(--bg-surface),rgba(20,14,34,.98));border:1px solid rgba(255,0,204,.3);border-radius:var(--radius-lg);padding:22px;max-width:min(420px,calc(100vw - 32px));width:100%;z-index:10001;box-shadow:0 12px 50px #ff00cc4d;animation:slideIn .28s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:all}@media (min-width: 769px){.tutorial-tooltip{max-width:460px;padding:28px}}@media (max-width: 480px){.tutorial-tooltip{padding:16px;max-width:calc(100vw - 20px);font-size:13px}}.tutorial-tooltip h3{color:var(--primary);margin-bottom:10px;font-size:clamp(15px,4vw,17px);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tutorial-tooltip p{color:var(--text-muted);font-size:clamp(12px,3.5vw,13px);line-height:1.65;margin-bottom:14px}.tutorial-buttons{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.tutorial-btn-next{flex:1;min-width:120px;background:var(--primary);color:#fff;border:none;padding:clamp(10px,3vw,12px);border-radius:var(--radius-sm);font-weight:600;font-size:clamp(12px,3.5vw,13px);cursor:pointer;transition:.2s;white-space:nowrap}.tutorial-btn-next:hover{background:var(--primary-dark);transform:scale(1.02)}.tutorial-btn-skip{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:clamp(10px,3vw,12px) clamp(14px,4vw,20px);border-radius:var(--radius-sm);font-size:clamp(12px,3.5vw,13px);cursor:pointer;transition:.2s;white-space:nowrap}.tutorial-btn-skip:hover{border-color:#fff3;color:var(--text-main)}@media (max-width: 380px){.tutorial-buttons{flex-direction:column-reverse}.tutorial-btn-next,.tutorial-btn-skip{width:100%;min-width:unset}}.tutorial-progress{display:flex;gap:6px;margin-top:14px;justify-content:center;flex-wrap:wrap}.tutorial-dot{width:7px;height:7px;border-radius:50%;background:#fff3;transition:.3s}.tutorial-dot.active{background:var(--primary);width:22px;border-radius:4px}.glass-panel>div:first-child{position:sticky;top:0;background:var(--bg-surface);z-index:10;padding-bottom:14px;margin-bottom:0!important;border-bottom:1px solid var(--border-card)}@media (max-width: 380px){#modal-qr-confirm .glass-panel{max-width:95%!important;margin:10px!important}#modal-qr-confirm h3{font-size:15px!important}#modal-qr-confirm .btn{font-size:12px!important;padding:11px!important}}@media (min-width: 381px) and (max-width: 767px){#modal-qr-confirm .glass-panel{max-width:92%!important}}@media (min-width: 768px) and (max-width: 1024px){#modal-qr-confirm .glass-panel{max-width:500px!important}}@media (min-width: 1025px){#modal-qr-confirm .glass-panel{max-width:550px!important}#modal-qr-confirm #selected-classes-container{max-height:300px!important}}@media (max-height: 600px) and (orientation: landscape){#modal-qr-confirm .glass-panel{max-height:95vh!important}#modal-qr-confirm #selected-classes-container{max-height:150px!important}}#selected-classes-container::-webkit-scrollbar{width:4px}#selected-classes-container::-webkit-scrollbar-track{background:transparent}#selected-classes-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}#selected-classes-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}#admin-date-btn:hover{background:#ff00cc24!important;border-color:#ff00cc80!important}.cal-day{text-align:center;font-size:12px;padding:5px 2px;border-radius:8px;cursor:default;color:var(--text-muted);line-height:1;transition:.15s}.cal-day.today{background:var(--primary);color:#fff!important;font-weight:700;border-radius:50%}.cal-day.weekend{color:#ff4757cc}.cal-day.empty{pointer-events:none}.cal-day.other-month{color:var(--text-dim)}@media (max-width: 767px){#admin-clock{font-size:20px!important}#mini-calendar{right:-10px;min-width:230px}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,rgba(255,255,255,.04) 50%,var(--bg-card) 75%);background-size:600px 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--radius-sm)}.skeleton-line{height:14px;margin-bottom:10px;border-radius:6px}.skeleton-line.w-80{width:80%}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:12px;overflow:hidden}.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-row{display:flex;align-items:center;gap:14px}.skeleton-row .skeleton-lines{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:16px}.empty-state-icon{width:80px;height:80px;border-radius:24px;background:var(--bg-card);border:1px solid var(--border-card);display:flex;align-items:center;justify-content:center;font-size:36px;animation:float 4s ease-in-out infinite}.empty-state-title{font-size:17px;font-weight:700;color:var(--text-main);letter-spacing:-.3px}.empty-state-desc{font-size:13px;color:var(--text-muted);max-width:260px;line-height:1.6;margin-top:-8px}.view-section{animation:sectionReveal .28s cubic-bezier(.22,1,.36,1) both}@keyframes sectionReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#db-loader{background:var(--bg-dark)}#db-loader .spinner{width:48px;height:48px;border:3px solid rgba(255,0,204,.12);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}#db-loader-brand{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--text-main);margin-top:20px}#db-loader-brand span{color:var(--primary)}#db-loader-sub{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-top:6px}#db-loader-progress{width:120px;height:2px;background:#ff00cc1a;border-radius:2px;margin-top:28px;overflow:hidden}#db-loader-progress-bar{height:100%;background:var(--primary);border-radius:2px;animation:loaderBar 1.8s ease-in-out infinite}@keyframes loaderBar{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:120px}}.main-content,.glass-panel,.admin-drawer,#main-scroll{scroll-behavior:smooth}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f0c3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f0c6}input,textarea,select{transition:border-color .2s,box-shadow .2s,background .2s!important}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #ff00cc1a!important}.btn{overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#ffffff40;transform:scale(0);animation:rippleAnim .5s linear;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}#toast-container .toast:not(:last-child){transform:scale(.96) translateY(4px)}.nav-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--primary);border-radius:50%;border:2px solid var(--bg-dark);animation:pulse 2s infinite}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at top left,rgba(255,0,204,.06),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.stat-card:hover:after{opacity:1}.db-action-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(255,0,204,.07),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.db-action-main:hover:after{opacity:1}.input-group{position:relative}.input-group label{transition:all .18s ease}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal-overlay:not(.hidden) .glass-panel{animation:modalIn .3s cubic-bezier(.34,1.4,.64,1) both}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.bottom-sheet{transition:transform .38s cubic-bezier(.32,.72,0,1)!important}.gradient-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,204,.2),transparent);margin:20px 0;border:none}#view-login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#07030f}#view-login.hidden{display:none!important}.login-wrapper{display:flex;height:100vh;width:100vw;overflow:hidden}.lp-left{position:relative;width:55%;flex-shrink:0;overflow:hidden}.lp-left-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 30% 50%,rgba(255,0,204,.18) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(120,0,255,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 60% 80%,rgba(255,60,120,.1) 0%,transparent 60%),linear-gradient(160deg,#0a021a,#07030f,#100618)}.lp-deco-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,0,204,.15),transparent);height:1px;width:100%;transform-origin:left center;pointer-events:none}.lp-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.lp-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(255,0,204,.15),transparent 70%);top:10%;left:5%;animation:lpOrb 8s ease-in-out infinite}.lp-orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(140,0,255,.12),transparent 70%);bottom:15%;right:10%;animation:lpOrb 10s ease-in-out infinite -3s}.lp-orb-3{width:150px;height:150px;background:radial-gradient(circle,rgba(255,100,200,.1),transparent 70%);top:55%;left:30%;animation:lpOrb 9s ease-in-out infinite -6s}@keyframes lpOrb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.lp-left:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,0,204,.3) 30%,rgba(255,0,204,.3) 70%,transparent)}.lp-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:60px 70px}.lp-brand{display:flex;align-items:center;gap:14px;margin-bottom:70px;animation:lpFadeUp .6s .05s ease both}.lp-brand img{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 0 20px #ff00cc4d}.lp-brand-name{font-size:20px;font-weight:700;letter-spacing:.5px}.lp-brand-sub{font-size:10px;font-weight:600;letter-spacing:3px;color:var(--primary);text-transform:uppercase;line-height:1}.lp-eyebrow{font-size:11px;font-weight:600;letter-spacing:4px;color:var(--primary);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:20px;animation:lpFadeUp .6s .15s ease both}.lp-eyebrow:before{content:"";display:block;width:30px;height:1px;background:var(--primary)}.lp-title{font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-2px;margin-bottom:24px;animation:lpFadeUp .6s .25s ease both}.lp-title em{font-style:italic;font-weight:300;color:#fff6}.lp-desc{font-size:15px;font-weight:300;color:#ffffff61;line-height:1.85;max-width:380px;margin-bottom:50px;animation:lpFadeUp .6s .35s ease both}.lp-stats{display:flex;gap:40px;animation:lpFadeUp .6s .45s ease both}.lp-stat{display:flex;flex-direction:column;gap:4px}.lp-stat-val{font-size:26px;font-weight:700}.lp-stat-label{font-size:11px;color:var(--text-dim);letter-spacing:.5px}.lp-stat-div{width:1px;background:var(--glass-border);align-self:stretch}.lp-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 50px;position:relative;background:#07030f}.lp-admin-btn{position:absolute;top:30px;right:30px;display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--text-muted);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;letter-spacing:.3px;transition:all .2s;touch-action:manipulation}.lp-admin-btn i{font-size:15px}.lp-admin-btn:hover{border-color:#ff00cc4d;color:var(--primary);background:#ff00cc0d}.lp-admin-btn:active{background:#ff00cc14;color:var(--primary)}.lp-form{width:100%;max-width:360px}.lp-form-header{margin-bottom:34px;animation:lpFadeUp .6s .2s ease both}.lp-form-greeting{font-size:11px;font-weight:600;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;margin-bottom:10px}.lp-form-title{font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.lp-form-title span{color:var(--primary)}.lp-field{margin-bottom:16px;animation:lpFadeUp .5s ease both;opacity:0}.lp-field:nth-child(2){animation-delay:.28s}.lp-field:nth-child(3){animation-delay:.34s}.lp-label{display:block;font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--text-dim);text-transform:uppercase;margin-bottom:8px}.lp-input-wrap{position:relative}.lp-input{width:100%;background:var(--bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-main);font-family:Poppins,sans-serif;font-size:15px;font-weight:400;padding:15px 50px 15px 18px;outline:none;margin-bottom:0;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-appearance:none}.lp-input::placeholder{color:var(--text-dim);font-weight:300}.lp-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #ff00cc0f}.lp-input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:19px;cursor:pointer;transition:color .2s;user-select:none;-webkit-user-select:none;padding:4px}.lp-input-icon:hover,.lp-input-icon:active{color:var(--primary)}.lp-extras{display:flex;align-items:center;justify-content:space-between;margin:4px 0 26px;animation:lpFadeUp .5s .4s ease both;opacity:0}.lp-remember{display:flex;align-items:center;gap:9px;cursor:pointer}.lp-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);margin:0}.lp-remember span{font-size:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.lp-forgot{font-size:12px;color:var(--primary);text-decoration:none;font-weight:500;opacity:.85}.lp-forgot:hover{opacity:1}.lp-btn-submit{width:100%;padding:16px;background:var(--primary);color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;border:none;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease;box-shadow:var(--shadow-primary);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;touch-action:manipulation;animation:lpFadeUp .5s .46s ease both;opacity:0}.lp-btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent);opacity:0;transition:opacity .2s}.lp-btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f0c6}.lp-btn-submit:hover:before{opacity:1}.lp-btn-submit:active{transform:scale(.97)}.lp-btn-submit i{font-size:18px}.lp-divider{display:flex;align-items:center;gap:14px;margin-bottom:20px;animation:lpFadeUp .5s .52s ease both;opacity:0}.lp-divider-line{flex:1;height:1px;background:var(--glass-border)}.lp-divider-text{font-size:11px;color:var(--text-dim);letter-spacing:1px}.lp-signup{text-align:center;animation:lpFadeUp .5s .58s ease both;opacity:0}.lp-signup p{font-size:13px;color:var(--text-dim);font-weight:300}.lp-signup a{color:var(--primary);font-weight:600;text-decoration:none;font-size:13px}.lp-signup a:hover{opacity:.8}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-wrapper{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.lp-left{width:100%;height:auto;flex-shrink:0;padding-top:var(--safe-area-top)}.lp-left:after{display:none}.lp-left:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(255,0,204,.3) 30%,rgba(255,0,204,.3) 70%,transparent)}.lp-content{flex-direction:row;align-items:center;justify-content:flex-start;padding:calc(22px + var(--safe-area-top)) 22px 22px;height:auto;gap:14px}.lp-brand{margin-bottom:0;flex-shrink:0}.lp-brand img{width:38px;height:38px;border-radius:10px}.lp-brand-name{font-size:16px}.lp-eyebrow,.lp-title,.lp-desc,.lp-stats{display:none}.lp-orb-1{width:180px;height:180px;top:-20px;left:-20px}.lp-orb-2{width:120px;height:120px}.lp-orb-3{display:none}.lp-right{flex:1;align-items:flex-start;padding:30px 22px;padding-bottom:calc(34px + var(--safe-area-bottom));background:#07030f}.lp-admin-btn{position:fixed;top:calc(16px + var(--safe-area-top));right:14px;font-size:11px;padding:7px 13px;z-index:1600}.lp-form{max-width:100%;width:100%}.lp-form-title{font-size:24px}.lp-input{font-size:16px!important;padding:15px 50px 15px 18px}.lp-btn-submit{padding:17px;font-size:13px}}@media (max-width: 380px){.lp-right{padding:24px 18px}.lp-form-title{font-size:20px}}.lp-mobile-quote{display:none}@media (max-width: 768px){.lp-mobile-quote{display:block;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);text-align:center;animation:lpFadeUp .6s .65s ease both;opacity:0}.lp-mobile-quote-line{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.lp-mobile-quote-line:before,.lp-mobile-quote-line:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,0,204,.35))}.lp-mobile-quote-line:after{background:linear-gradient(to left,transparent,rgba(255,0,204,.35))}.lp-mobile-quote-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px #f0c9}.lp-mobile-quote h3{font-size:17px;font-weight:700;line-height:1.5;color:#ffffffd9;letter-spacing:-.3px;margin-bottom:8px}.lp-mobile-quote h3 em{font-style:italic;font-weight:300;color:#ffffff59}.lp-mobile-quote p{font-size:11px;color:var(--text-dim);line-height:1.6;font-weight:300;max-width:280px;margin:0 auto 16px}.lp-mobile-stats{display:flex;justify-content:center;gap:0}.lp-mobile-stat{padding:0 20px;text-align:center}.lp-mobile-stat+.lp-mobile-stat{border-left:1px solid rgba(255,255,255,.07)}.lp-mobile-stat-val{font-size:15px;font-weight:700;color:var(--primary);display:block}.lp-mobile-stat-label{font-size:9px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase}}#modal-qr-confirm{position:fixed;top:0;right:0;bottom:0;left:0;background:#04020ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1300;display:flex;align-items:flex-end;justify-content:center;padding:0;overflow:hidden}#modal-qr-confirm.hidden{display:none!important}#qr-sheet{width:100%;max-width:520px;background:#0d0919;border-radius:28px 28px 0 0;border:1px solid rgba(255,255,255,.06);border-bottom:none;max-height:93vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 -20px 80px #ff00cc1a,0 -1px #ffffff0d}#modal-qr-confirm:not(.hidden) #qr-sheet{transform:translateY(0)}.qr-avatar-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff00cc40,#7800ff33);border:2px solid rgba(255,0,204,.35);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;position:relative;box-shadow:0 0 30px #ff00cc26}.qr-avatar-ring i{font-size:40px;color:#ffffffe6}.qr-status-dot{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;border:2px solid #0d0919;display:flex;align-items:center;justify-content:center}.qr-status-dot i{font-size:10px;color:#fff;pointer-events:none}.qr-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 22px;flex-shrink:0}.qr-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;text-align:center}.qr-stat-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.qr-stat-value{font-size:28px;font-weight:800;color:var(--text-main);line-height:1}.qr-stat-sub{font-size:11px;color:var(--text-muted);margin-top:3px}#qr-expired-banner{background:#ff475714;border:1.5px solid rgba(255,71,87,.3);border-radius:14px;padding:16px;margin:0 22px 14px;text-align:center;flex-shrink:0}.qr-body{flex:1;overflow-y:auto;padding:0 22px}.qr-classes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;margin-top:4px}.qr-classes-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim)}.qr-add-btn{width:34px;height:34px;background:#2ed5731a;border:1.5px solid rgba(46,213,115,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--success);transition:all .18s}.qr-add-btn:hover{background:#2ed5732e;transform:scale(1.08)}.qr-add-btn i{font-size:20px;pointer-events:none}#selected-classes-container{max-height:220px;overflow-y:auto;margin-bottom:16px}.qr-actions{padding:16px 22px 28px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px;background:#0d0919}.qr-btn-confirm{background:var(--success);color:#04190d;border:none;border-radius:16px;padding:16px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;letter-spacing:.3px}.qr-btn-confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.qr-btn-confirm:active{transform:scale(.98)}.qr-btn-secondary-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qr-btn-secondary{border-radius:14px;padding:13px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;border:1.5px solid}.qr-btn-secondary:active{transform:scale(.97)}.qr-btn-renew{background:#0fb9b114;border-color:#0fb9b14d;color:var(--info)}.qr-btn-close{background:#ff475712;border-color:#ff475740;color:var(--danger)}@media (min-width: 769px){#modal-qr-confirm{align-items:center;padding:20px}#qr-sheet{border-radius:24px;max-height:88vh;transform:scale(.94) translateY(8px)}#modal-qr-confirm:not(.hidden) #qr-sheet{transform:scale(1) translateY(0)}}#modal-pos{position:fixed;top:0;right:0;bottom:0;left:0;background:#04020ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1400;display:flex;align-items:flex-end;justify-content:center}#modal-pos.hidden{display:none!important}#pos-sheet{width:100%;max-width:540px;background:#0d0919;border-radius:28px 28px 0 0;border:1px solid rgba(255,255,255,.06);border-bottom:none;max-height:93vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 -20px 80px #ff00cc1f,0 -1px #ffffff0f}#modal-pos:not(.hidden) #pos-sheet{transform:translateY(0)}@media (min-width: 769px){#modal-pos{align-items:center;padding:20px}#pos-sheet{border-radius:24px;border-bottom:1px solid rgba(255,255,255,.06);max-height:88vh;transform:scale(.94) translateY(8px)}#modal-pos:not(.hidden) #pos-sheet{transform:scale(1) translateY(0)}}.pos-handle{width:36px;height:4px;background:#ffffff1f;border-radius:4px;margin:14px auto 0;flex-shrink:0}.pos-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;flex-shrink:0}.pos-title-group{display:flex;align-items:center;gap:12px}.pos-icon{width:42px;height:42px;background:linear-gradient(135deg,#f0c3,#7800ff33);border:1px solid rgba(255,0,204,.25);border-radius:13px;display:flex;align-items:center;justify-content:center}.pos-icon i{font-size:22px;color:var(--primary)}.pos-title{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--text-main)}.pos-subtitle{font-size:11px;color:var(--text-muted);margin-top:1px;font-weight:500}.pos-close{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .18s;flex-shrink:0}.pos-close:hover{background:#ff47571f;color:var(--danger);border-color:#ff475733}.pos-close i{font-size:18px;pointer-events:none}.pos-client-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 16px;flex-shrink:0}.pos-tab{padding:12px 10px;border-radius:14px;border:1.5px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .2s;font-family:Poppins,sans-serif}.pos-tab i{font-size:19px;transition:color .2s}.pos-tab.tab-active-green{border-color:#2ed57366;background:#2ed57314;color:var(--success)}.pos-tab.tab-active-blue{border-color:#0fb9b166;background:#0fb9b114;color:var(--info)}.pos-body{flex:1;overflow-y:auto;padding:0 22px}.pos-section-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin:16px 0 10px;display:flex;align-items:center;gap:8px}.pos-section-label:after{content:"";flex:1;height:1px;background:var(--border-card)}.pos-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:4px}.pos-plan-chip{background:#ffffff08;border:1.5px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.pos-plan-chip:hover{border-color:#ff00cc4d;background:#ff00cc0f;transform:translateY(-1px)}.pos-plan-chip:active{transform:scale(.97)}.pos-plan-name{font-size:12px;font-weight:700;color:var(--text-main);margin-bottom:4px}.pos-plan-price{font-size:13px;font-weight:700;color:var(--success)}.pos-plan-sub{font-size:10px;color:var(--text-dim);margin-top:2px}.pos-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.pos-price-btn{border-radius:14px;padding:14px;text-align:center;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;border:none}.pos-price-btn:active{transform:scale(.97)}.pos-price-main{font-size:18px;font-weight:800}.pos-price-label{font-size:10px;font-weight:600;margin-top:2px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.pos-custom-row{display:flex;gap:10px;padding:18px 0 22px;align-items:center}.pos-custom-row input{margin:0;flex:1}.pos-custom-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:0 20px;height:52px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;font-family:Poppins,sans-serif;transition:all .2s;display:flex;align-items:center;gap:6px;flex-shrink:0}.pos-custom-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.pos-custom-btn:active{transform:scale(.97)}#pos-selected-student{background:#2ed57312;border:1.5px solid rgba(46,213,115,.3);border-radius:14px;padding:12px 14px;margin-bottom:12px;display:none}#pos-selected-student .sel-name{font-weight:700;font-size:14px;color:var(--text-main)}#pos-selected-student .sel-plan{font-size:12px;color:var(--text-muted);margin-top:2px}#pos-students-list{max-height:220px;overflow-y:auto;overflow-x:hidden;margin-bottom:12px;display:none;border-radius:12px;border:1px solid var(--border-card);-webkit-overflow-scrolling:touch}html{font-size:clamp(14px,1.2vw + .5rem,16px)}@media (max-width: 767px){#pos-sheet{max-height:95vh;border-radius:22px 22px 0 0}.pos-body{padding:0 16px}.pos-header{padding:14px 18px 12px}.pos-client-tabs{padding:0 16px 12px;gap:7px}.pos-tab{padding:10px 8px;font-size:12px;gap:7px}.pos-tab i{font-size:17px}.pos-title{font-size:16px}.pos-plans-grid{gap:7px}.pos-plan-chip{padding:10px 6px;border-radius:12px}.pos-plan-name{font-size:11px}.pos-plan-price{font-size:12px}.pos-custom-row{padding:14px 0 18px}}@media (max-width: 380px){#pos-sheet{max-height:97vh}.pos-body{padding:0 12px}.pos-header{padding:12px 14px 10px}.pos-client-tabs{padding:0 12px 10px;gap:6px}.pos-tab{font-size:11px;padding:9px 6px}.pos-title{font-size:14px}.pos-icon{width:34px;height:34px}.pos-icon i{font-size:18px}}@media (min-width: 768px){#modal-pos{align-items:center;padding:24px}#pos-sheet{border-radius:24px;border:1px solid rgba(255,255,255,.08);max-height:86vh;max-width:520px;width:100%}.pos-body{padding:0 24px}.pos-header{padding:20px 24px 14px}.pos-client-tabs{padding:0 24px 16px}}@media (min-width: 1025px){#pos-sheet{max-width:560px;max-height:84vh}}@media (max-width: 380px){#pos-add-tab-matr,#pos-add-tab-ext,#pos-add-tab-crew,#pos-add-tab-prof{padding:7px 3px;font-size:10px;border-radius:8px}}@media (max-width: 767px){.glass-panel{padding:18px 16px;border-radius:20px}}@media (max-width: 380px){.glass-panel{padding:14px 12px;width:99%}}@media (min-width: 768px){.glass-panel{max-width:540px;padding:36px;border-radius:24px}}@media (min-width: 1280px){.glass-panel{max-width:600px}}@media (max-width: 359px){.grid-2,.grid-3{grid-template-columns:1fr!important;gap:8px}}@media (min-width: 360px) and (max-width: 479px){.grid-3{grid-template-columns:1fr!important}}@media (min-width: 480px) and (max-width: 767px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1024px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 1025px){.grid-2{grid-template-columns:repeat(2,1fr);gap:22px}.grid-3{grid-template-columns:repeat(3,1fr);gap:22px}}@media (max-width: 359px){.db-actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.db-action-icon{width:40px!important;height:40px!important}.db-action-icon i{font-size:20px!important}.db-action-label{font-size:10px!important}}@media (min-width: 480px) and (max-width: 767px){.db-actions-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (min-width: 768px) and (max-width: 1024px){.db-actions-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media (min-width: 768px) and (max-width: 900px){.sidebar{width:64px;padding:20px 8px}.nav-item{justify-content:center;padding:12px 0;border-radius:12px;position:relative}.nav-item i{font-size:22px;margin:0}.nav-label{display:none}.logo-area{justify-content:center;padding:0;margin-bottom:28px}.logo-img{width:36px}.main-content{padding:24px 28px}}@media (min-width: 901px) and (max-width: 1024px){.sidebar{width:200px;padding:20px 14px}.nav-item{padding:11px 12px;font-size:12.5px}.main-content{padding:28px 32px}}@media (max-width: 767px){.b-nav-item{font-size:clamp(8px,2.2vw,10px);padding:5px 0}.b-nav-item i{font-size:clamp(20px,5.5vw,24px);margin-bottom:2px}}@media (max-width: 359px){.b-nav-item{font-size:7.5px}.b-nav-item i{font-size:19px}}@media (max-width: 767px){.stat-card{padding:14px 13px;min-height:80px}.stat-value{font-size:clamp(18px,5vw,26px)}}@media (min-width: 768px){.stat-card{min-height:100px}}@media (max-width: 767px){.list-item{min-height:52px;padding:12px 13px;font-size:13px}.list-item>div:first-child{min-width:0;flex:1;overflow:hidden}}@media (max-width: 767px){input,select,textarea{font-size:16px!important;min-height:46px}}.btn{min-height:44px}@media (max-width: 767px){.btn{min-height:48px}}@media (max-width: 380px){.btn{font-size:13px;padding:12px 14px}}@media (max-width: 479px){.header-top{flex-direction:column;align-items:flex-start;gap:10px}.header-top .btn[style*="width:auto"]{width:100%!important;padding:11px 14px!important;font-size:13px!important}}.page-title{font-size:clamp(17px,4.5vw,28px)}@media (min-width: 768px){.page-title{font-size:clamp(20px,2.5vw,30px)}}@media (max-width: 767px){.admin-drawer{width:min(290px,85vw)}.drawer-item{min-height:50px}}.main-content,.glass-panel,.admin-drawer,#pos-sheet,.pos-body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.view-section{word-break:break-word;overflow-wrap:break-word}@media (max-height: 480px) and (orientation: landscape){.main-content{padding-bottom:70px}.bottom-nav{padding:3px 8px calc(3px + env(safe-area-inset-bottom))}.b-nav-item{padding:2px 0;font-size:8px}.b-nav-item i{font-size:18px;margin-bottom:1px}#pos-sheet{max-height:98vh}.glass-panel{max-height:96vh}.stat-card{min-height:64px;padding:10px}}@media (max-width: 479px){.shop-grid{grid-template-columns:1fr;gap:12px}}@media (min-width: 480px) and (max-width: 767px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width: 768px) and (max-width: 1024px){.shop-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 1025px){.shop-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:22px}}@media (min-width: 768px){.fab{bottom:28px;right:28px;width:60px;height:60px}}#modal-payment{position:fixed;top:0;right:0;bottom:0;left:0;background:#04020ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1500;display:flex;align-items:flex-end;justify-content:center}#modal-payment.hidden{display:none!important}#pay-sheet{width:100%;max-width:520px;background:#0d0919;border-radius:28px 28px 0 0;border:1px solid rgba(255,255,255,.06);border-bottom:none;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 -20px 80px #2ed5731a,0 -1px #ffffff0f}#modal-payment:not(.hidden) #pay-sheet{transform:translateY(0)}@media (min-width: 769px){#modal-payment{align-items:center;padding:20px}#pay-sheet{border-radius:24px;border-bottom:1px solid rgba(255,255,255,.06);max-height:88vh;transform:scale(.94) translateY(8px)}#modal-payment:not(.hidden) #pay-sheet{transform:scale(1) translateY(0)}}.pay-hero{padding:28px 24px 22px;text-align:center;flex-shrink:0;position:relative}.pay-hero-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.pay-hero-desc{font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.4}#pay-amount-display{font-size:52px;font-weight:900;color:var(--success);letter-spacing:-2px;line-height:1;margin-bottom:4px}.pay-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 16px;flex-shrink:0}.pay-type-tab{padding:13px 10px;border-radius:14px;border:1.5px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;font-size:13px;font-weight:700;color:var(--text-muted);transition:all .2s;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:7px}#btn-full-payment.pay-tab-active{border-color:#2ed57366;background:#2ed57317;color:var(--success)}#btn-partial-payment.pay-tab-active{border-color:#ffa50266;background:#ffa50217;color:var(--warning)}.pay-body{flex:1;overflow-y:auto;padding:0 22px}.pay-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.pay-method-btn{padding:18px 12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;font-family:Poppins,sans-serif}.pay-method-btn:hover{transform:translateY(-2px);border-color:#ffffff24}.pay-method-btn:active{transform:scale(.97)}.pay-method-btn i{font-size:26px}.pay-method-name{font-size:13px;font-weight:700;color:var(--text-main)}#partial-payment-container{background:#ffa50212;border:1.5px solid rgba(255,165,2,.25);border-radius:16px;padding:16px;margin-bottom:16px}#remaining-debt-display{background:#0000004d;border-radius:10px;padding:12px;margin-top:10px}.debt-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0}.debt-divider{height:1px;background:#ffffff12;margin:6px 0}#plan-dates-container{background:#ff00cc0d;border:1.5px solid rgba(255,0,204,.18);border-radius:16px;padding:16px;margin-bottom:16px}#modal-just-announce .ja-sheet{max-width:480px;width:100%;position:relative;overflow:hidden;border-radius:var(--radius-xl)}@media (max-width: 600px){#modal-just-announce{align-items:flex-end!important;padding:0!important}#modal-just-announce .ja-sheet{border-radius:24px 24px 0 0!important;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}#modal-announcement-required .ann-req-sheet{max-width:500px;width:100%;position:relative;overflow:hidden;border-radius:var(--radius-xl)}@media (max-width: 600px){#modal-announcement-required{align-items:flex-end!important;padding:0!important}#modal-announcement-required .ann-req-sheet{border-radius:24px 24px 0 0!important;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}