:root{--font-title:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fafafa;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--primary-light-hover:#c7d2fe;--secondary:#8b5cf6;--secondary-light:#f5f3ff;--color-hadir:#10b981;--color-hadir-light:#d1fae5;--color-absen:#ef4444;--color-absen-light:#fee2e2;--color-izin:#f59e0b;--color-izin-light:#fef3c7;--color-sakit:#3b82f6;--color-sakit-light:#dbeafe;--accent-rose:#f43f5e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-premium:0 20px 25px -5px #4f46e51a, 0 10px 10px -5px #4f46e50a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-card-hover:#334155;--border-color:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#312e81;--primary-light-hover:#3730a3;--secondary:#a78bfa;--secondary-light:#2e1065;--color-hadir:#34d399;--color-hadir-light:#064e3b;--color-absen:#f87171;--color-absen-light:#7f1d1d;--color-izin:#fbbf24;--color-izin-light:#78350f;--color-sakit:#60a5fa;--color-sakit-light:#1e3a8a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-premium:0 20px 25px -5px #6366f126, 0 10px 10px -5px #6366f10d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}a{color:inherit;text-decoration:none}.container{background-color:var(--bg-primary);flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;padding-bottom:74px;display:flex;position:relative;box-shadow:0 0 40px #0000001a}.glass{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3}[data-theme=dark] .glass{background:#1e293bcc;border:1px solid #ffffff0d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dashboard-title{color:var(--text-primary);margin-bottom:2px;font-size:1.5rem;font-weight:800}.dashboard-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.85rem}.metrics-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.metric-card:active{transform:scale(.98)}.metric-card.full-width{grid-column:1/-1}.metric-icon-wrapper{border-radius:var(--radius-sm);z-index:2;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex;position:relative}.metric-card.blue .metric-icon-wrapper{color:#3b82f6;background-color:#eff6ff}[data-theme=dark] .metric-card.blue .metric-icon-wrapper{color:#60a5fa;background-color:#1e3a8a}.metric-card.green .metric-icon-wrapper{color:#10b981;background-color:#ecfdf5}[data-theme=dark] .metric-card.green .metric-icon-wrapper{color:#34d399;background-color:#064e3b}.metric-card.purple .metric-icon-wrapper{color:#8b5cf6;background-color:#faf5ff}[data-theme=dark] .metric-card.purple .metric-icon-wrapper{color:#a78bfa;background-color:#2e1065}.metric-info{z-index:2;position:relative}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.metric-value{color:var(--text-primary);margin:4px 0;font-size:1.75rem;font-weight:800;line-height:1.2}.metric-trend{color:var(--text-secondary);font-size:.7rem;font-weight:500}.metric-trend span{font-weight:700}.metric-trend.up span{color:var(--color-hadir)}.metric-bg-pattern{opacity:.03;color:var(--text-primary);z-index:1;width:90px;height:90px;position:absolute;bottom:-15px;right:-10px}.quick-actions-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:18px}.quick-actions-card h3{color:var(--text-primary);margin-bottom:12px;font-size:.95rem;font-weight:700}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.action-btn{background-color:var(--bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;display:flex}.action-btn:active{background-color:var(--primary-light);border-color:var(--primary-light-hover);transform:scale(.95)}.action-btn span{color:var(--text-primary);text-align:center;margin-top:8px;font-size:.7rem;font-weight:600}.action-icon{color:var(--primary)}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chart-header h3{color:var(--text-primary);font-size:.95rem;font-weight:700}.chart-legend{gap:12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;font-weight:500;display:flex}.legend-color{border-radius:50%;width:8px;height:8px}.chart-body{width:100%;height:180px;position:relative}.bar-chart-container{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;height:100%;padding-top:20px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;padding:0 4px;display:flex}.bar-fill-container{background-color:var(--bg-secondary);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);align-items:flex-end;width:100%;max-width:24px;height:100%;display:flex;position:relative}.bar-fill{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);background:linear-gradient(to top, var(--primary), var(--secondary));width:100%;height:0;transition:height .8s cubic-bezier(.4,0,.2,1)}.bar-value{color:var(--text-primary);font-size:.65rem;font-weight:700;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.bar-label{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:50px;font-size:.65rem;font-weight:600;overflow:hidden}.search-filter-section{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.search-bar-wrapper{width:100%;position:relative}.search-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:12px 14px 12px 42px;font-size:.9rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.search-icon-inside{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filters-wrapper{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.filters-wrapper::-webkit-scrollbar{height:4px}.filter-badge{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-sm);padding:6px 12px;font-size:.75rem;font-weight:600}.filter-badge.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.kids-list-container{flex-direction:column;gap:12px;display:flex}.kid-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;align-items:center;gap:14px;padding:14px;display:flex}.kid-card.birthday-card{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, linear-gradient(135deg, #fb7185 0%, #fcd34d 100%) border-box;border-width:1.5px;border-color:#fda4af;position:relative;box-shadow:0 4px 12px #fb71851f}[data-theme=dark] .kid-card.birthday-card{border-color:#f43f5e;box-shadow:0 4px 15px #f43f5e33}.kid-card.birthday-card:after{content:"🎉";opacity:.85;pointer-events:none;font-size:.95rem;position:absolute;top:6px;right:6px}@keyframes bdayPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.birthday-badge{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#f43f5e 0%,#db2777 100%);border:none;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:800;animation:2s ease-in-out infinite bdayPulse;display:inline-flex;box-shadow:0 2px 6px #f43f5e4d}.kid-card:active{background-color:var(--bg-card-hover);transform:scale(.98)}.kid-avatar{border-radius:var(--radius-md);color:#fff;width:50px;height:50px;font-size:1.15rem;font-weight:800;font-family:var(--font-title);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kid-avatar.male{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%)}.kid-avatar.female{background:linear-gradient(135deg,#f43f5e 0%,#fb7185 100%)}.kid-info-summary{flex:1;min-width:0}.kid-info-summary h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;overflow:hidden}.kid-info-summary p{color:var(--text-secondary);font-size:.75rem}.kid-meta-row{align-items:center;gap:6px;margin-top:4px;display:flex}.kid-class-badge{border-radius:var(--radius-full);background-color:var(--primary-light);color:var(--primary);padding:2px 8px;font-size:.65rem;font-weight:700}[data-theme=dark] .kid-class-badge{background-color:var(--primary-light-hover)}.kid-card-actions{align-items:center;gap:6px;display:flex}.circle-action-btn{border:1px solid var(--border-color);background-color:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.circle-action-btn:active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary-light-hover);transform:scale(.9)}.profile-detail-container{flex-direction:column;gap:20px;display:flex}.profile-main-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding-bottom:16px;display:flex}.profile-main-header h4{color:var(--text-primary);font-size:1.1rem}.profile-main-header p{color:var(--text-secondary);font-size:.8rem}.detail-info-grid{grid-template-columns:1fr;gap:12px;display:grid}.detail-item{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;padding:8px 12px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.detail-value{color:var(--text-primary);margin-top:2px;font-size:.85rem;font-weight:600}.qr-code-section{background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;align-items:center;margin-top:10px;padding:16px;display:flex}.qr-code-section h5{color:var(--text-primary);margin-bottom:4px;font-size:.85rem;font-weight:700}.qr-code-section p{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:.7rem}.qr-code-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background-color:#fff;justify-content:center;align-items:center;padding:12px;display:flex}.qr-download-btn{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:6px;margin-top:14px;padding:8px 16px;font-size:.75rem;font-weight:600;display:flex}.qr-download-btn:active{background-color:var(--bg-secondary)}.no-kids-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-kids-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.attendance-header{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.attendance-controls{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.status-segments{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;padding:3px;display:flex}.status-segment-btn{text-align:center;color:var(--text-muted);border-radius:10px;flex:1;padding:6px 0;font-size:.75rem;font-weight:700}.status-segment-btn.active.H{background-color:var(--color-hadir-light);color:var(--color-hadir)}.status-segment-btn.active.A{background-color:var(--color-absen-light);color:var(--color-absen)}.status-segment-btn.active.I{background-color:var(--color-izin-light);color:var(--color-izin)}.status-segment-btn.active.S{background-color:var(--color-sakit-light);color:var(--color-sakit)}.attendance-list{flex-direction:column;gap:14px;display:flex}.attendance-row-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);flex-direction:column;gap:12px;padding:16px;display:flex}.attendance-row-card.present{border-left:4px solid var(--color-hadir)}.attendance-row-card.absent{border-left:4px solid var(--color-absen)}.attendance-row-card.excused{border-left:4px solid var(--color-izin)}.attendance-row-card.sick{border-left:4px solid var(--color-sakit)}.row-card-top{justify-content:space-between;align-items:center;display:flex}.row-kid-name h4{color:var(--text-primary);font-size:.95rem}.row-kid-name p{color:var(--text-muted);font-size:.7rem}.attendance-flags-panel{border-top:1px dashed var(--border-color);flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.flag-checkbox-pill{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:4px;padding:5px 10px;font-size:.7rem;font-weight:600;display:flex}.flag-checkbox-pill.active{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary)}[data-theme=dark] .flag-checkbox-pill.active{background-color:var(--primary-light-hover)}.attendance-summary-bar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:16px;padding:12px 16px;font-size:.75rem;font-weight:700;display:flex}.attendance-summary-bar span{color:var(--text-primary)}.scanner-overlay{z-index:2000;color:#fff;background-color:#0f172af2;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.scanner-header{justify-content:space-between;align-items:center;width:100%;max-width:500px;display:flex}.scanner-header h3{color:#fff;font-size:1.2rem;font-weight:700}.scanner-close-btn{color:#fff;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scanner-view-wrapper{border-radius:var(--radius-lg);border:2px solid var(--primary);background-color:#000;width:100%;max-width:320px;height:320px;position:relative;overflow:hidden}#qr-reader{width:100%!important;height:100%!important}#qr-reader video{object-fit:cover!important;width:100%!important;height:100%!important}.scanner-target-frame{border-radius:var(--radius-md);pointer-events:none;z-index:10;border:3px solid #fff6;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px #00000080}.scanner-target-frame:before{content:"";background-color:var(--primary);width:100%;height:2px;box-shadow:0 0 8px var(--primary);animation:2s linear infinite scanLine;position:absolute;top:0;left:0}.scanner-footer{text-align:center;color:var(--text-muted);max-width:300px;margin-bottom:20px;font-size:.8rem}.scan-success-popup{z-index:2500;background-color:var(--color-hadir);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;animation:3s forwards slideDownFade;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes scanLine{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-40px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.settings-container{flex-direction:column;gap:20px;display:flex}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.settings-card h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:1rem;font-weight:700;display:flex}.settings-card p{color:var(--text-secondary);margin-bottom:16px;font-size:.8rem}.settings-action-row{flex-direction:column;gap:10px;display:flex}.file-input-wrapper{width:100%;display:inline-block;position:relative;overflow:hidden}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;font-size:100px;position:absolute;top:0;left:0}.settings-card.danger-zone{border-color:#f43f5e66}.settings-card.danger-zone h3{color:var(--accent-rose)}.steps-list{flex-direction:column;gap:12px;list-style:none;display:flex}.step-item{color:var(--text-secondary);gap:12px;font-size:.8rem;line-height:1.4;display:flex}.step-num{background-color:var(--primary-light);width:22px;height:22px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.class-config-list{flex-direction:column;gap:8px;display:flex}.class-config-row{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8rem;display:flex}.class-config-name{color:var(--text-primary);font-weight:700}.class-config-range{color:var(--text-muted);font-size:.75rem}.login-screen{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);z-index:1500;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.login-container{background-color:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;padding:32px 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;position:relative;overflow:hidden}.login-logo{font-family:var(--font-title);color:var(--primary);text-align:center;letter-spacing:-.03em;margin-bottom:4px;font-size:2.25rem;font-weight:800}.login-subtitle{color:var(--text-secondary);text-align:center;letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px;font-size:.85rem;font-weight:500}.login-form{flex-direction:column;gap:16px;display:flex}.login-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-md);margin-top:10px;font-weight:700}.login-btn:active{filter:brightness(.9)}.demo-btn{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000;margin-top:8px;font-size:.8rem;font-weight:600}.demo-btn:active{background-color:var(--bg-secondary)}.login-config-btn{border:1px solid var(--border-color);background-color:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.login-config-btn:active{background-color:var(--bg-secondary);transform:rotate(45deg)}.login-footer-text{color:var(--text-muted);text-align:center;margin-top:24px;font-size:.7rem;line-height:1.4}.demo-credentials-box{background-color:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);margin-top:14px;padding:10px 12px;font-size:.7rem;line-height:1.4}.splash-screen{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);z-index:9999;color:#fff;width:100vw;height:100vh;transition:opacity var(--transition-slow) ease, visibility var(--transition-slow);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-logo{font-family:var(--font-title);letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}.splash-subtitle{opacity:.8;letter-spacing:.1em;opacity:0;margin-bottom:2.5rem;font-size:1rem;font-weight:500;animation:1s .3s forwards fadeIn}.splash-loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.app-header{z-index:100;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);transition:background-color var(--transition-normal);background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}[data-theme=dark] .app-header{background-color:#0f172ad9}.app-title-group h1{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.app-title-group p{color:var(--text-secondary);font-size:.75rem;font-weight:500}.header-actions{gap:8px;display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:40px;height:40px;color:var(--text-primary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:active{background-color:var(--bg-secondary);transform:scale(.95)}.bottom-nav{border-top:1px solid var(--border-color);z-index:900;-webkit-backdrop-filter:blur(12px);width:100%;max-width:500px;height:70px;padding-bottom:env(safe-area-inset-bottom);background-color:#ffffffe6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}[data-theme=dark] .bottom-nav{background-color:#1e293be6}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;width:60px;height:50px;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-icon-container{height:28px;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.nav-item.active .nav-icon-container{transform:translateY(-2px)}.nav-label{transition:opacity var(--transition-fast);margin-top:2px;font-size:.65rem;font-weight:600}.nav-indicator{background-color:var(--primary);opacity:0;width:5px;height:5px;transition:all var(--transition-fast);border-radius:50%;position:absolute;bottom:-4px;transform:scale(0)}.nav-item.active .nav-indicator{opacity:1;transform:scale(1)}.app-content{flex:1;padding:20px;overflow-y:auto}.fab{z-index:850;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-premium);justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) .5s both bounceIn;display:flex;position:fixed;bottom:86px;right:calc(50% - 230px)}@media (width<=500px){.fab{right:20px}}.fab:active{filter:brightness(1.1);transform:scale(.92)}.bottom-sheet-backdrop{z-index:1000;opacity:0;visibility:hidden;width:100vw;height:100vh;transition:opacity var(--transition-normal);background-color:#0f172a99;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;left:0}.bottom-sheet-backdrop.open{opacity:1;visibility:visible}.bottom-sheet{background-color:var(--bg-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90vh;transition:transform var(--transition-normal) cubic-bezier(.34, 1.56, .64, 1);padding:24px;overflow-y:auto;transform:translateY(100%)}.bottom-sheet-backdrop.open .bottom-sheet{transform:translateY(0)}.bottom-sheet-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bottom-sheet-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:700}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:12px 14px;font-size:.9rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.btn-group{grid-template-columns:1fr 2fr;gap:12px;margin-top:24px;display:grid}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:600;display:flex}.btn-secondary{border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-primary)}.btn-secondary:active{background-color:var(--bg-secondary)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:active{filter:brightness(.9)}.btn-danger{background-color:var(--accent-rose);color:#fff}.btn-danger:active{filter:brightness(.9)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}