@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--font-poppins:"Poppins", sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--brand-blue:#1d5bf5;--brand-blue-hover:#164ecb;--text-dark:#121829;--text-muted:#64748b;--border-color:#e2e8f0;--bg-body:#fff;--white:#fff;--danger-red:#b91c1c;--danger-red-bg:#fef2f2;--warning-yellow:#b45309;--warning-yellow-bg:#fffbeb}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background-color:#f8fafc;overflow-x:hidden}.login-container{min-height:100vh;font-family:var(--font-poppins), sans-serif;color:var(--text-dark);background:linear-gradient(#eaf2fc 0%,#f4f8fd 100%);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.login-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.login-logo{margin-bottom:24px}.login-logo img{object-fit:contain;height:80px}.login-title{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:700}.login-subtitle{color:var(--text-muted);max-width:400px;margin-bottom:40px;font-size:14px;line-height:1.6}.login-form{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.login-form .form-group{width:100%}.input-group{width:100%;position:relative}.form-input{border:1.5px solid var(--border-color);width:100%;color:var(--text-dark);background-color:#fff;border-radius:16px;outline:none;padding:26px 24px 10px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:var(--brand-blue);box-shadow:none}.floating-label{color:#94a3b8;pointer-events:none;font-size:16px;font-weight:400;transition:transform .2s,font-size .2s,color .2s,top .2s;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.form-input:focus~.floating-label,.form-input:not(:placeholder-shown)~.floating-label{color:var(--brand-blue);font-size:12px;font-weight:500;top:10px;transform:translateY(0)}.form-input:not(:focus):not(:placeholder-shown)~.floating-label{color:var(--text-muted)}.input-group.static-label .floating-label{color:var(--text-muted);background-color:#fff;padding:0 4px;font-size:12px;font-weight:500;top:10px;transform:translateY(0)}.input-group.static-label .form-input:focus~.floating-label{color:var(--brand-blue)}.form-input::placeholder{color:#94a3b8;opacity:.85}.password-toggle-btn{cursor:pointer;color:#475569;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-dark)}.login-actions{justify-content:space-between;align-items:center;width:100%;margin-top:4px;margin-bottom:12px;font-size:14px;display:flex}.remember-me-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#475569;align-items:center;gap:12px;font-weight:500;display:flex}.custom-checkbox-wrapper{align-items:center;display:flex;position:relative}.custom-checkbox-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkbox-box{border:1.5px solid var(--border-color);background-color:#fff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .2s,border-color .2s;display:flex}.custom-checkbox-input:checked~.custom-checkbox-box{background-color:var(--brand-blue);border-color:var(--brand-blue)}.custom-checkbox-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;margin-bottom:2px;display:none;transform:rotate(45deg)}.custom-checkbox-input:checked~.custom-checkbox-box:after{display:block}.forgot-password-link{color:var(--brand-blue);font-weight:600;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:var(--brand-blue-hover);text-decoration:underline}.submit-btn{color:#fff;background-color:var(--brand-blue);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:18px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;display:flex}.submit-btn:hover{background-color:var(--brand-blue-hover);box-shadow:0 4px 12px #1d5bf540}.submit-btn:active{transform:scale(.99)}.login-footer{color:#475569;margin-top:36px;font-size:14px;font-weight:500}.signup-link{color:var(--brand-blue);margin-left:4px;font-weight:600;text-decoration:none;transition:color .2s}.signup-link:hover{color:var(--brand-blue-hover);text-decoration:underline}.back-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:40px;left:40px}.back-btn:hover{background-color:#0000000d;transform:translate(-4px)}@media (width<=640px){.back-btn{top:20px;left:20px}}.code-inputs-container{grid-template-columns:repeat(6,1fr);gap:15px;max-width:440px;margin-top:12px;margin-bottom:32px;display:grid}.code-input{aspect-ratio:1;text-align:center;border:1.5px solid var(--brand-blue);width:100%;max-width:64px;color:var(--text-dark);background-color:#eaf2fc;border-radius:12px;outline:none;padding:0;font-family:inherit;font-size:24px;font-weight:600;transition:border-color .2s,background-color .2s}.code-input:focus{background-color:#fff}.verification-email-bold{color:var(--text-dark);margin-top:4px;font-size:15px;font-weight:700}.timer-text{color:#475569;margin-top:24px;font-size:14px;font-weight:500}.resend-link{color:var(--brand-blue);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.resend-link:hover{color:var(--brand-blue-hover);text-decoration:underline}.dashboard-layout{min-height:100vh;font-family:var(--font-poppins), sans-serif;display:flex}.sidebar{z-index:100;background-color:#fff;border-right:1.5px solid #f1f5f9;flex-direction:column;width:280px;height:100vh;padding:32px 0 24px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{justify-content:center;align-items:center;margin-bottom:20px;padding:0 24px;display:flex}.sidebar-logo img{object-fit:contain;max-width:100%;height:110px}.sidebar-menu{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-item{color:#64748b;cursor:pointer;border-left:4px solid #0000;align-items:center;gap:16px;padding:16px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:var(--brand-blue);background-color:#f8fafc}.sidebar-item.active{color:var(--brand-blue);border-left-color:var(--brand-blue);background-color:#eff6ff;font-weight:600}.sidebar-item-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;padding:0;display:flex}.main-content{z-index:10;background-color:#f8fafc;flex-direction:column;flex:1;min-height:100vh;margin-left:280px;padding:40px 48px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.header-title-area{flex-direction:column;display:flex}.header-greeting{color:#64748b;margin-bottom:4px;font-size:14px;font-weight:500}.header-username{color:#0f172a;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.header-school{color:var(--brand-blue);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.bell-notification-btn{background-color:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,transform .1s;display:flex;position:relative;box-shadow:0 4px 12px #1d5bf533}.bell-notification-btn:hover{background-color:var(--brand-blue-hover);transform:scale(1.03)}.notification-dot{border:1.5px solid var(--brand-blue);background-color:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:32px;margin-bottom:24px;display:grid}.dashboard-column{flex-direction:column;gap:32px;display:flex}.section-label{text-transform:uppercase;color:#64748b;letter-spacing:1px;margin-bottom:16px;font-size:13px;font-weight:700}.trial-card{color:#fff;background-color:#0f172a;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:200px;padding:32px;display:flex;box-shadow:0 10px 25px #0f172a26}.trial-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.trial-card-label{color:#94a3b8;letter-spacing:.5px;font-size:12px;font-weight:600}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.status-pill.active{color:#065f46;background-color:#d1fae5}.status-pill.active:before{content:"";background-color:#10b981;border-radius:50%;width:8px;height:8px}.trial-days{margin-bottom:6px;font-size:40px;font-weight:700}.trial-card-footer{color:#94a3b8;font-size:14px;font-weight:500}.summary-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;box-shadow:0 4px 20px #00000008}.summary-grid{flex:1;grid-template-columns:repeat(3,1fr);align-items:center;gap:16px;margin-top:12px;display:grid}.summary-col{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.summary-col:not(:last-child):after{content:"";background-color:#e2e8f0;width:1px;height:80%;position:absolute;top:10%;right:0}.summary-col-label{color:#64748b;margin-bottom:8px;font-size:14px;font-weight:500}.summary-col-value{font-size:32px;font-weight:700}.summary-col-value.blue{color:var(--brand-blue)}.summary-col-value.orange{color:#ea580c}.summary-col-value.dark{color:#0f172a}.quick-actions-row{gap:20px;width:100%;display:flex}.action-card{color:#fff;text-align:center;cursor:pointer;border:none;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:20px;padding:36px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.action-card.blue{background-color:var(--brand-blue);box-shadow:0 8px 24px #1d5bf526}.action-card.orange{background-color:#ea580c;box-shadow:0 8px 24px #ea580c26}.action-card:hover{transform:translateY(-4px)}.action-card.blue:hover{box-shadow:0 12px 30px #1d5bf540}.action-card.orange:hover{box-shadow:0 12px 30px #ea580c40}.action-card-icon-wrapper{color:#fff;background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.action-card-title{font-size:18px;font-weight:600}.session-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.session-list{flex-direction:column;display:flex}.session-item{justify-content:space-between;align-items:center;padding:24px 32px;transition:background-color .2s;display:flex}.session-item:not(:last-child){border-bottom:1px solid #f1f5f9}.session-item:hover{background-color:#f8fafc}.session-item-left{align-items:center;gap:20px;display:flex}.session-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.session-icon-circle.blue{color:var(--brand-blue);background-color:#eff6ff}.session-icon-circle.orange{color:#ea580c;background-color:#fff7ed}.session-info{flex-direction:column;gap:2px;display:flex}.session-name{color:#0f172a;font-size:16px;font-weight:600}.session-time{color:#64748b;font-size:13px;font-weight:500}.status-pill.completed{color:#059669;background-color:#e2fbf0}.status-pill.completed:before{content:"";background-color:#10b981;border-radius:50%;width:6px;height:6px}.status-pill.running{color:#ea580c;background-color:#fff7ed;border:1.5px solid #ffedd5}.status-pill.running:before{content:"";background-color:#f97316;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-orange}@keyframes pulse-orange{0%{opacity:1;transform:scale(.95)}50%{opacity:.7;transform:scale(1.15)}to{opacity:1;transform:scale(.95)}}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:24px}.dashboard-header{flex-direction:column;gap:16px}.bell-notification-btn{align-self:flex-end}}.notification-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;display:flex}.notification-header-left{align-items:center;gap:16px;display:flex}.notification-back-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex}.notification-back-btn:hover{background-color:#0000000d;transform:translate(-4px)}.mark-all-read-btn{color:var(--brand-blue);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:600;transition:color .2s}.mark-all-read-btn:hover{color:var(--brand-blue-hover);text-decoration:underline}.notification-list{flex-direction:column;gap:24px;width:100%;display:flex}.notification-item{border:1px solid #f1f5f9;border-radius:20px;justify-content:space-between;align-items:flex-start;padding:24px 32px;transition:background-color .2s,border-color .2s;display:flex;box-shadow:0 4px 20px #00000003}.notification-item.unread{background-color:#f4f8fd;border-color:#e2eefc}.notification-item.read{background-color:#fff;border-color:#f1f5f9}.notification-item-left{align-items:flex-start;gap:20px;display:flex}.notification-icon-wrapper{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.notification-icon-wrapper.green{color:#059669;background-color:#e2fbf0}.notification-icon-wrapper.blue{color:var(--brand-blue);background-color:#eff6ff}.notification-icon-wrapper.yellow{color:#ea580c;background-color:#fff7ed}.notification-content-area{flex-direction:column;gap:6px;display:flex}.notification-item-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.notification-item-message{color:#475569;margin:0;font-size:14px;line-height:1.5}.notification-item-time{color:#64748b;margin-top:6px;font-size:13px;font-weight:500}.notification-unread-dot{background-color:var(--brand-blue);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px;margin-left:20px}.meals-container{flex-direction:column;gap:24px;width:100%;display:flex}.meals-subtitle{color:#64748b;margin-top:-12px;margin-bottom:24px;font-size:16px;font-weight:500}.session-panel-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;box-shadow:0 4px 20px #00000003}.session-panel-left{flex:1;align-items:center;gap:20px;display:flex}.session-panel-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.session-panel-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.session-panel-subtitle{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.5}.status-pill.ready{color:var(--brand-blue);background-color:#eff6ff;border:1.5px solid #dbeafe}.status-pill.ready:before{content:"";background-color:var(--brand-blue);border-radius:50%;width:6px;height:6px}.session-action-btn{color:#fff;background-color:var(--brand-blue);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:auto;min-width:140px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.session-action-btn:hover{background-color:var(--brand-blue-hover)}.session-action-btn:active{transform:scale(.995)}.summary-panel-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:20px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 4px 20px #00000003}.summary-panel-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.summary-row-list{flex-direction:column;display:flex}.summary-row-item{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.summary-row-item:not(:last-child){border-bottom:1px solid #f1f5f9}.summary-row-item-left{align-items:center;gap:20px;display:flex}.summary-badge{text-align:center;border-radius:12px;min-width:60px;padding:6px 24px;font-size:16px;font-weight:700}.summary-badge.orange{color:#ea580c;background-color:#fff7ed}.summary-badge.blue{color:var(--brand-blue);background-color:#eff6ff}.summary-badge.red{color:#f43f5e;background-color:#fff1f2}.mobile-nav-bar{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:40px;justify-content:center;align-items:center;gap:24px;width:fit-content;margin-top:48px;margin-left:auto;margin-right:auto;padding:12px 24px;display:flex;box-shadow:0 4px 20px #00000005}.mobile-nav-item{flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.mobile-nav-icon-circle{color:#64748b;background-color:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.mobile-nav-item:hover .mobile-nav-icon-circle{color:var(--brand-blue);background-color:#eff6ff}.mobile-nav-item.active .mobile-nav-icon-circle{background-color:var(--brand-blue);color:#fff}.mobile-nav-label{color:#64748b;font-size:11px;font-weight:600;transition:color .2s}.mobile-nav-item.active .mobile-nav-label{color:var(--brand-blue)}.count-header-meta{color:#64748b;font-size:14px;font-weight:500;font-family:var(--font-poppins), sans-serif;align-items:center;gap:16px;margin-top:10px;margin-bottom:24px;display:flex}.count-header-meta-item{align-items:center;gap:8px;display:flex}.count-header-meta-item svg{color:#94a3b8}.count-header-meta-divider{background-color:#cbd5e1;border-radius:50%;width:4px;height:4px}.status-bar-pill{color:#475569;width:fit-content;font-size:14px;font-weight:600;font-family:var(--font-poppins), sans-serif;background-color:#fff;border:1.5px solid #f1f5f9;border-radius:30px;align-items:center;gap:16px;margin-bottom:32px;padding:12px 24px;display:flex}.status-bar-dot-wrapper{color:#0f172a;align-items:center;gap:8px;display:flex}.pulse-dot{background-color:#ea580c;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;box-shadow:0 0 #ea580cb3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ea580cb3}70%{transform:scale(1);box-shadow:0 0 0 8px #ea580c00}to{transform:scale(.95);box-shadow:0 0 #ea580c00}}.status-bar-divider{background-color:#e2e8f0;width:1px;height:16px}.count-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:32px;display:grid}.counter-card{text-align:center;background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:48px;display:flex}.counter-card-label{color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:700}.counter-card-value{color:#0f172a;-webkit-user-select:none;user-select:none;margin:12px 0;font-size:80px;font-weight:800;line-height:1}.counter-actions{align-items:center;gap:24px;margin-top:16px;display:flex}.counter-btn-minus{width:64px;height:64px;color:var(--brand-blue);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:600;transition:all .2s;display:flex}.counter-btn-minus:hover{background-color:#e2e8f0}.counter-btn-minus:active{transform:scale(.95)}.counter-btn-plus{background-color:var(--brand-blue);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:48px;font-weight:300;transition:all .2s;display:flex;box-shadow:0 10px 25px #1d5bf540}.counter-btn-plus:hover{background-color:var(--brand-blue-hover);transform:translateY(-2px);box-shadow:0 12px 30px #1d5bf559}.counter-btn-plus:active{transform:translateY(0)scale(.96)}.meals-side-panel{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex}.meals-side-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.meals-side-list{flex-direction:column;gap:16px;display:flex}.meals-side-item{background-color:#fff;border:1.5px solid #f8fafc;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s,background-color .2s;display:flex;box-shadow:0 2px 8px #00000001}.meals-side-item.active{background-color:#f8fafc;border-color:#e2eefc}@media (width<=1024px){.count-grid{grid-template-columns:1fr}}.reports-header-right{align-items:center;display:flex}.filter-circle-btn{background-color:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,transform .1s;display:flex;box-shadow:0 4px 12px #1d5bf533}.filter-circle-btn:hover{background-color:var(--brand-blue-hover);transform:scale(1.04)}.filter-circle-btn:active{transform:scale(.96)}.reports-grid{grid-template-columns:1fr 1fr;gap:32px;width:100%;margin-top:24px;display:grid}.report-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:260px;padding:32px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000003}.report-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 30px #00000008}.report-card:after{content:"";z-index:1;pointer-events:none;opacity:.7;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.report-card.monthly:after{background-color:#fff7ed}.report-card.daily:after{background-color:#f0fdf4}.report-card.transaction:after{background-color:#fff7ed}.report-card.audit:after{background-color:#f8fafc}.report-card-top-row{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.report-card-share-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,background-color .2s;display:flex}.report-card-share-btn:hover{color:var(--brand-blue);background-color:#1d5bf514}.report-card-content{flex-direction:column;flex:1;gap:8px;margin-top:24px;display:flex}.report-card-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.report-card-desc{color:#64748b;max-width:90%;margin:0;font-size:14px;line-height:1.5}.report-card-divider{background-color:#f1f5f9;width:100%;height:1px;margin:24px 0 16px}.report-card-footer{justify-content:space-between;align-items:center;display:flex}.generate-link{align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:gap .2s;display:flex}.generate-link.monthly{color:#ea580c}.generate-link.daily{color:#16a34a}.generate-link.transaction{color:#ea580c}.generate-link.audit{color:#0f172a}.generate-link:hover{gap:12px}.report-format-actions{align-items:center;gap:12px;display:flex}.format-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:transform .2s,background-color .2s;display:flex}.format-btn.pdf{color:#ef4444}.format-btn.csv{color:var(--brand-blue)}.format-btn:hover{background-color:#f8fafc;transform:scale(1.15)}.recent-reports-section{margin-top:48px}.recent-reports-title{color:#475569;font-size:18px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin-bottom:16px}.recent-reports-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;padding:8px 32px;display:flex;box-shadow:0 4px 20px #00000003}.recent-reports-row{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.recent-reports-row:not(:last-child){border-bottom:1px solid #f1f5f9}.recent-reports-row-left{align-items:center;gap:20px;display:flex}.file-format-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.file-format-badge.pdf{color:#ef4444;background-color:#fee2e2}.file-format-badge.csv{color:var(--brand-blue);background-color:#eff6ff}.recent-file-title{color:#0f172a;margin:0;font-size:15px;font-weight:700}.recent-file-meta{color:#64748b;margin-top:4px;font-size:13px;font-weight:500;display:block}.download-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.download-icon-btn:hover{color:var(--brand-blue);background-color:#eff6ff;transform:translateY(2px)}@media (width<=1024px){.reports-grid{grid-template-columns:1fr;gap:24px}}.month-picker-row{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:20px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 24px;display:flex;box-shadow:0 4px 12px #00000001}.month-picker-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.month-picker-btn:hover{background-color:#f1f5f9}.month-picker-title{color:#0f172a;font-size:16px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.calendar-overview-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;margin-top:24px;padding:24px 32px;box-shadow:0 4px 20px #00000003}.calendar-overview-title{color:#1e293b;font-size:16px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0 0 20px}.calendar-days-row{scrollbar-width:thin;gap:18px;padding-bottom:8px;display:flex;overflow-x:auto}.calendar-days-row::-webkit-scrollbar{height:6px}.calendar-days-row::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.calendar-day-col{flex-direction:column;flex:none;align-items:center;gap:10px;width:104px;display:flex}.calendar-day-label{color:#64748b;font-size:14px;font-weight:600;font-family:var(--font-poppins), sans-serif}.calendar-day-card{cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:16px 12px;transition:all .2s;display:flex;position:relative}.calendar-day-card:hover{background-color:#fafcff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 12px #1d5bf508}.calendar-day-card.active-border{background-color:#f8fafc;border-color:#dbeafe}.calendar-day-card-num{color:#0f172a;font-size:20px;font-weight:700;font-family:var(--font-poppins), sans-serif}.calendar-stat-b{color:#f97316;white-space:nowrap;font-size:12px;font-weight:700}.calendar-stat-l{color:var(--brand-blue);white-space:nowrap;font-size:12px;font-weight:700}.calendar-day-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px;box-shadow:0 1px 4px #0000000d}.calendar-day-dot.dot-red{background-color:#ef4444}.calendar-day-dot.dot-orange{background-color:#f97316}.compliance-section{margin-top:32px}.compliance-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.compliance-title{color:#1e293b;font-size:16px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.compliance-export-btn{color:var(--brand-blue);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;font-weight:700;transition:transform .2s,color .2s;display:flex}.compliance-export-btn:hover{color:var(--brand-blue-hover);transform:translateY(-1px)}.compliance-card{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #00000003}.compliance-table{border-collapse:collapse;width:100%}.compliance-table th{color:#64748b;text-transform:uppercase;text-align:left;letter-spacing:.5px;font-size:12px;font-weight:700;font-family:var(--font-poppins), sans-serif;background-color:#fff;border-bottom:1.5px solid #f1f5f9;padding:18px 24px}.compliance-table td{color:#334155;text-align:left;vertical-align:middle;border-bottom:1.5px solid #f1f5f9;padding:20px 24px;font-size:14px}.compliance-table tr:last-child td{border-bottom:none}.status-pill-badge{font-size:12px;font-weight:600;font-family:var(--font-poppins), sans-serif;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.status-pill-badge.badge-red{color:#ef4444;background-color:#fef2f2;border:1.5px solid #fca5a5}.status-pill-badge.badge-green{color:#22c55e;background-color:#f0fdf4;border:1.5px solid #bbf7d0}.status-pill-badge.badge-orange{color:#f97316;background-color:#fff7ed;border:1.5px solid #fed7aa}.badge-dot{border-radius:50%;min-width:6px;min-height:6px;display:inline-block}.badge-dot.red{background-color:#ef4444}.badge-dot.green{background-color:#22c55e}.badge-dot.orange{background-color:#f97316}.notes-icon-wrapper{color:#64748b;cursor:pointer;transition:color .2s;display:inline-flex;position:relative}.notes-icon-wrapper:hover{color:var(--brand-blue)}.notes-badge-alert{color:#fff;background-color:#ef4444;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.profile-wrapper{flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;padding-top:16px;display:flex}.profile-header-card{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:32px;display:flex}.profile-avatar-circle{color:#a4b3c6;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:8px;display:flex}.profile-name{color:#0f172a;font-size:22px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.profile-email,.profile-school{color:#64748b;margin:2px 0 0;font-size:14px;font-weight:500}.profile-menu-list{background-color:#fff;border:1.5px solid #f1f5f9;border-radius:24px;flex-direction:column;width:100%;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000003}.profile-menu-row{cursor:pointer;color:inherit;border-bottom:1.5px solid #f8fafc;justify-content:space-between;align-items:center;padding:16px 32px;text-decoration:none;transition:background-color .2s;display:flex}.profile-menu-row:last-of-type{border-bottom:none}.profile-menu-row:hover{background-color:#f8fafc}.profile-menu-left{align-items:center;gap:16px;display:flex}.profile-menu-icon{width:40px;height:40px;color:var(--brand-blue);background-color:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-menu-text{color:#334155;font-size:15px;font-weight:700;font-family:var(--font-poppins), sans-serif}.profile-menu-chevron{color:#94a3b8;justify-content:center;align-items:center;transition:transform .2s,color .2s;display:flex}.profile-menu-row:hover .profile-menu-chevron{color:var(--brand-blue);transform:translate(3px)}.profile-logout-btn{background-color:var(--brand-blue);color:#fff;cursor:pointer;width:calc(100% - 64px);font-size:15px;font-weight:700;font-family:var(--font-poppins), sans-serif;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin:16px auto 24px;padding:18px 24px;transition:all .2s;display:flex;box-shadow:0 4px 14px #1d5bf526}.profile-logout-btn:hover{background-color:var(--brand-blue-hover);transform:translateY(-1px)}.profile-logout-btn:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background-color:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-card{text-align:center;background-color:#f1f4fa;border:1.5px solid #fff9;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:440px;padding:36px 32px;animation:.2s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;box-shadow:0 10px 40px #0000001f}.modal-title{color:#0f172a;font-size:24px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.modal-subtitle{color:#475569;font-size:15px;font-weight:500;font-family:var(--font-poppins), sans-serif;margin:0 0 8px}.modal-btn-row{justify-content:center;gap:16px;width:100%;margin-top:12px;display:flex}.modal-btn{color:#fff;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-poppins), sans-serif;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:14px 20px;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #1d5bf526}.modal-btn.btn-cancel,.modal-btn.btn-logout{background-color:var(--brand-blue)}.modal-btn:hover{opacity:.95;transform:translateY(-1px)}.modal-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.avatar-upload-wrapper{margin-bottom:32px;display:inline-flex;position:relative}.avatar-camera-btn{background-color:var(--brand-blue);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0000001a}.avatar-camera-btn:hover{background-color:var(--brand-blue-hover);transform:scale(1.08)}.outline-input-wrapper{width:100%;margin-bottom:24px;position:relative}.outline-input-wrapper label{color:var(--brand-blue);font-size:13px;font-weight:700;font-family:var(--font-poppins), sans-serif;pointer-events:none;z-index:2;background-color:#fff;padding:0 6px;position:absolute;top:-10px;left:16px}.outline-input-wrapper input{color:#0f172a;width:100%;font-size:15px;font-weight:600;font-family:var(--font-poppins), sans-serif;background-color:#fff;border:1.5px solid #475569;border-radius:16px;outline:none;padding:18px 20px;transition:border-color .2s}.outline-input-wrapper input:focus{border-color:var(--brand-blue)}.outline-input-wrapper input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#fff;border-color:#cbd5e1}.outline-input-wrapper.disabled label{color:#94a3b8}.form-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.form-input:disabled~.floating-label{color:#94a3b8}.school-info-icon-large{width:100px;height:100px;color:var(--brand-blue);background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.school-info-subtitle-block{text-align:center;margin-bottom:32px}.school-info-subtitle{color:#64748b;font-size:15px;font-weight:500;font-family:var(--font-poppins), sans-serif;margin:4px 0}.school-info-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:20px;align-items:center;margin-bottom:16px;padding:18px 24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a08}.school-info-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a0d}.school-info-badge{width:48px;height:48px;color:var(--brand-blue);background-color:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.school-info-details{text-align:left;flex-direction:column;gap:4px;margin-left:16px;display:flex}.school-info-label{color:#64748b;font-size:12px;font-weight:500;font-family:var(--font-poppins), sans-serif}.school-info-value{color:#0f172a;font-size:16px;font-weight:700;font-family:var(--font-poppins), sans-serif}.support-input-group{width:100%;margin-bottom:16px;position:relative}.support-icon{color:#64748b;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:22px;left:20px}.support-input{width:100%;font-size:15px;font-weight:500;font-family:var(--font-poppins), sans-serif;color:#0f172a;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:16px;outline:none;padding:20px 24px 20px 52px;transition:all .2s}.support-input:focus{border-color:var(--brand-blue);background-color:#fff}.support-textarea{width:100%;min-height:140px;font-size:15px;font-weight:500;font-family:var(--font-poppins), sans-serif;color:#0f172a;resize:none;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:16px;outline:none;padding:20px 24px 20px 52px;transition:all .2s}.support-textarea:focus{border-color:var(--brand-blue);background-color:#fff}.support-textarea-icon{color:#64748b;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:22px;left:20px}.form-textarea{border:1.5px solid var(--border-color);width:100%;min-height:140px;color:var(--text-dark);resize:none;background-color:#fff;border-radius:16px;outline:none;padding:26px 24px 10px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-textarea:focus{border-color:var(--brand-blue);box-shadow:none}.input-group textarea~.floating-label{top:22px;transform:none}.input-group textarea:focus~.floating-label,.input-group textarea:not(:placeholder-shown)~.floating-label{color:var(--brand-blue);font-size:12px;font-weight:500;top:10px;transform:translateY(0)}.input-group textarea:not(:focus):not(:placeholder-shown)~.floating-label{color:var(--text-muted)}.policy-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:24px;width:100%;margin-bottom:24px;padding:40px 36px;box-shadow:0 4px 20px #0f172a08}.policy-paragraph{color:#475569;font-size:15px;line-height:1.68;font-family:var(--font-poppins), sans-serif;text-align:left;margin:0 0 24px;font-weight:500}.policy-paragraph:last-child{margin-bottom:0}.faq-list{flex-direction:column;gap:16px;width:100%;display:flex}.faq-card{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:20px;width:100%;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 4px 20px #0f172a05}.faq-card:hover{box-shadow:0 6px 24px #0f172a0a}.faq-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:24px 32px;font-family:inherit;display:flex}.faq-question-text{color:#0f172a;font-size:16px;font-weight:600;font-family:var(--font-poppins), sans-serif;margin:0}.faq-toggle-icon{color:var(--brand-blue);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s ease-in-out;display:flex}.faq-toggle-icon.expanded{transform:rotate(180deg)}.faq-answer-container{border-top:1px solid #0000;max-height:0;transition:max-height .25s ease-in-out;overflow:hidden}.faq-answer-container.expanded{border-color:#f1f5f9;max-height:200px}.faq-answer-text{color:#475569;font-size:14.5px;line-height:1.68;font-family:var(--font-poppins), sans-serif;text-align:left;margin:0;font-weight:500}.onboarding-stepper{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:32px;padding:0 10px;display:flex;position:relative}.stepper-line{z-index:1;background-color:#e2e8f0;height:2.5px;position:absolute;top:14px;left:10px;right:10px}.stepper-step{z-index:2;text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#94a3b8;width:28px;height:28px;font-size:11px;font-weight:700;font-family:var(--font-poppins), sans-serif;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.stepper-step.active .step-circle{background-color:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 4px 10px #1d5bf533}.stepper-step.completed .step-circle{background-color:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.step-label{color:#94a3b8;font-size:8.5px;font-weight:600;font-family:var(--font-poppins), sans-serif;white-space:nowrap;letter-spacing:.2px;margin-top:8px}.stepper-step.active .step-label{color:var(--brand-blue);font-weight:700}.stepper-step.completed .step-label{color:var(--brand-blue)}.auth-button-group{gap:16px;width:100%;margin-top:12px;display:flex}.submit-btn.secondary{color:#475569;background-color:#fff;border:1.5px solid #cbd5e1}.submit-btn.secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.search-state-wrapper{width:100%;margin-bottom:24px;position:relative}.search-state-icon{color:#64748b;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.search-state-input{width:100%;font-size:15px;font-weight:500;font-family:var(--font-poppins), sans-serif;color:#0f172a;background-color:#fff;border:1.5px solid #0f172a;border-radius:16px;outline:none;padding:16px 20px 16px 52px;transition:all .2s}.search-state-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d5bf51a}.state-list{flex-direction:column;gap:12px;width:100%;margin-bottom:32px;display:flex}.state-item-card{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:#fff;border:1.5px solid #cbd5e1;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;transition:all .2s;display:flex}.state-item-card:hover{background-color:#f8fafc;border-color:#94a3b8}.state-item-card.selected{border-color:var(--brand-blue);background-color:#eff6ff;box-shadow:0 4px 12px #1d5bf50d}.state-item-text{color:#0f172a;font-size:16px;font-weight:600;font-family:var(--font-poppins), sans-serif;margin:0}.state-item-chevron{color:#0f172a;justify-content:center;align-items:center;transition:transform .2s;display:flex}.state-item-card.selected .state-item-chevron{color:var(--brand-blue);transform:translate(2px)}.submit-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background-color:#e2e8f0}.submit-btn:disabled:hover{color:#94a3b8;background-color:#e2e8f0}.trial-welcome-header{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.trial-welcome-emoji{font-size:28px}.success-confetti-container{justify-content:center;align-items:center;width:140px;height:140px;margin:32px auto;display:flex;position:relative}.success-confetti-circle{background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 4px 20px #00000008}.success-inner-circle{background-color:var(--brand-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 8px 24px #1d5bf540}.confetti-dot{border-radius:50%;width:8px;height:8px;position:absolute}.confetti-dot.yellow-1{background-color:#fbbf24;border-radius:2px;top:10px;left:10px;transform:rotate(15deg)}.confetti-dot.blue-1{background-color:#3b82f6;border-radius:2px;width:6px;height:12px;top:15px;left:30px;transform:rotate(-35deg)}.confetti-dot.green-1{background-color:#10b981;border-radius:2px;width:12px;height:6px;top:18px;right:28px;transform:rotate(45deg)}.confetti-dot.purple-1{background-color:#a855f7;border-radius:2px;top:48px;right:12px;transform:rotate(20deg)}.confetti-dot.yellow-2{background-color:#f59e0b;border-radius:1px;width:12px;height:6px;bottom:48px;left:12px;transform:rotate(-40deg)}.confetti-dot.blue-2{background-color:#60a5fa;width:4px;height:4px;bottom:35px;left:35px}.confetti-dot.pink-1{background-color:#ec4899;width:6px;height:10px;bottom:18px;left:24px;transform:rotate(30deg)}.confetti-dot.pink-2{background-color:#f43f5e;bottom:20px;right:24px}.confetti-dot.yellow-3{background-color:#fbbf24;width:6px;height:6px;top:45px;left:25px}.plan-details-card{text-align:left;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;width:100%;margin-bottom:24px;overflow:hidden}.plan-details-card-header{border-bottom:1.5px solid #e2e8f0;padding:18px 24px}.plan-details-card-header h2{color:#0f172a;font-size:16px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.plan-details-card-header p{color:#64748b;font-size:13px;font-family:var(--font-poppins), sans-serif;margin:4px 0 0}.plan-details-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}@media (width<=580px){.plan-details-grid{grid-template-columns:1fr;gap:20px}}.plan-detail-col{align-items:center;gap:16px;display:flex}.plan-detail-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.plan-detail-icon-wrapper.blue{color:var(--brand-blue);background-color:#eff6ff}.plan-detail-icon-wrapper.green{color:#10b981;background-color:#ecfdf5}.plan-detail-info{flex-direction:column;display:flex}.plan-detail-label{color:#64748b;margin-bottom:2px;font-size:12px;font-weight:500}.plan-detail-value{font-size:15px;font-weight:600}.plan-detail-value.blue{color:var(--brand-blue)}.plan-detail-value.green{color:#10b981}.features-list-grid{grid-template-columns:1fr 1fr;gap:12px;padding:24px;display:grid}@media (width<=500px){.features-list-grid{grid-template-columns:1fr}}.feature-item-card{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.feature-item-check{color:#10b981;background-color:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.feature-item-text{color:#334155;font-size:14px;font-weight:600;font-family:var(--font-poppins), sans-serif;margin:0}.submit-btn.btn-outline-blue{border:1.5px solid var(--brand-blue);color:var(--brand-blue);background-color:#fff;margin-top:12px}.submit-btn.btn-outline-blue:hover{border-color:var(--brand-blue);color:var(--brand-blue);background-color:#eff6ff}.auth-button-group .submit-btn{margin-top:0!important}.subscription-star-badge{width:48px;height:48px;color:var(--brand-blue);background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;margin:24px auto 16px;display:flex;box-shadow:0 4px 12px #1d5bf51a}.subscription-pricing{justify-content:center;align-items:baseline;gap:8px;margin:16px 0 24px;display:flex}.subscription-price-value{color:var(--brand-blue);font-size:38px;font-weight:800;font-family:var(--font-poppins), sans-serif}.subscription-price-period{color:#64748b;font-size:14px;font-weight:500;font-family:var(--font-poppins), sans-serif}.payment-options-title{color:#0f172a;text-align:center;font-size:18px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:36px 0 24px}.payment-options-grid{text-align:left;grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-bottom:24px;display:grid}@media (width<=620px){.payment-options-grid{grid-template-columns:1fr;gap:20px}}.payment-option-card{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:520px;padding:24px;display:flex;box-shadow:0 4px 20px #00000005}.payment-card-top{flex-direction:column;flex-grow:1;display:flex}.payment-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.payment-card-icon-wrapper{width:48px;height:48px;color:var(--brand-blue);background-color:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payment-card-meta{flex-direction:column;display:flex}.payment-card-meta h3{color:#0f172a;font-size:16px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.payment-card-meta p{color:#64748b;font-size:12px;font-family:var(--font-poppins), sans-serif;margin:4px 0 0;line-height:1.4}.payment-alert-box{background-color:#eff6ff;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.payment-alert-icon{color:var(--brand-blue);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.payment-alert-text{color:#1e3a8a;font-size:13px;line-height:1.5;font-family:var(--font-poppins), sans-serif;margin:0}.po-info-box{background-color:#eff6ff;border-radius:12px;margin-bottom:24px;padding:18px}.po-info-title{color:var(--brand-blue);font-size:13px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0 0 10px}.po-info-list ul{margin:0;padding-left:20px}.po-info-list li{color:#475569;margin-bottom:10px;font-size:14px;line-height:1.6}.po-info-list li{margin-bottom:8px}.po-info-list li:last-child{margin-bottom:0}.form-group-label{color:#0f172a;text-align:left;font-size:14px;font-weight:600;font-family:var(--font-poppins), sans-serif;margin-bottom:8px;display:block}.po-upload-dropzone{cursor:pointer;background-color:#fafbfc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:42px 24px;transition:all .2s;display:flex}.po-upload-dropzone:hover{background-color:#f8fafc;border-color:#94a3b8}.po-upload-dropzone.drag-active{border-color:var(--brand-blue);background-color:#eff6ff}.dropzone-icon-wrapper{width:64px;height:64px;color:var(--brand-blue);background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.po-upload-dropzone:hover .dropzone-icon-wrapper{transform:scale(1.05)}.dropzone-title{color:#0f172a;font-size:15px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin:0}.dropzone-desc{color:#64748b;font-size:13px;font-family:var(--font-poppins), sans-serif;margin:0}.po-textarea{color:#0f172a;resize:vertical;width:100%;min-height:120px;font-size:15px;font-family:var(--font-poppins), sans-serif;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:16px;outline:none;padding:16px;transition:all .2s}.po-textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d5bf51a}.selected-file-badge{border:1px solid var(--brand-blue);color:var(--brand-blue);font-size:13px;font-weight:600;font-family:var(--font-poppins), sans-serif;background-color:#1d5af511;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex}.remove-file-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.remove-file-btn:hover{color:#dc2626}.po-input{width:100%;font-size:15px;font-family:var(--font-poppins), sans-serif;color:#0f172a;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:16px;outline:none;padding:16px 24px;font-weight:500;transition:all .2s}.po-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d5bf51a}.success-inner-circle.green{background-color:#10b981;box-shadow:0 8px 24px #10b98140}.success-confetti-circle.green{background-color:#ecfdf5}.po-submitted-details-card{text-align:left;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;width:100%;margin-bottom:32px;padding:8px 24px}.po-submitted-row{border-bottom:1.5px solid #f1f5f9;align-items:center;padding:20px 0;display:flex}.po-submitted-row:last-child{border-bottom:none}.po-row-icon-col{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;display:flex}.po-row-icon-col.orange{color:#f97316;background-color:#fff7ed}.po-row-icon-col.blue{color:var(--brand-blue);background-color:#eff6ff}.po-row-icon-col.green{color:#10b981;background-color:#ecfdf5}.po-row-label{color:#0f172a;width:140px;font-size:15px;font-weight:600;font-family:var(--font-poppins), sans-serif;flex-shrink:0}.po-row-value{color:#0f172a;font-size:15px;font-weight:600;font-family:var(--font-poppins), sans-serif;text-align:end;flex-grow:1;margin:0}.po-row-value.orange{color:#f97316;font-weight:700}.po-row-value.blue{color:var(--brand-blue);font-weight:700}.po-row-value.muted{color:#64748b;font-weight:500;line-height:1.5}.po-row-value.green{color:#10b981;font-weight:700}.landing-layout{min-height:100vh;font-family:var(--font-poppins), sans-serif;color:#0f172a;background-color:#fff;overflow-x:hidden}.landing-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#fffffff2;border-bottom:1.5px solid #f1f5f9;height:80px;position:fixed;top:0;left:0;right:0}.landing-header-container{justify-content:space-between;align-items:center;max-width:1320px;height:100%;margin:0 auto;padding:0 32px;display:flex}.landing-header-container .landing-logo img{height:60px;display:block}.landing-nav{align-items:center;gap:32px;display:flex}.nav-link-btn{cursor:pointer;color:#475569;font-size:14px;font-weight:600;font-family:var(--font-poppins), sans-serif;background:0 0;border:none;padding:8px 0;transition:color .2s}.nav-link-btn:hover{color:var(--brand-blue)}.landing-auth-buttons{align-items:center;gap:16px;display:flex}.landing-btn-outline{border:1.5px solid var(--brand-blue);color:var(--brand-blue);cursor:pointer;background-color:#0000;border-radius:12px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.landing-btn-outline:hover{background-color:#eff6ff;transform:translateY(-1px)}.landing-btn-solid{color:#fff;background-color:var(--brand-blue);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #1d5bf526}.landing-btn-solid:hover{background-color:var(--brand-blue-hover);transform:translateY(-1px);box-shadow:0 6px 16px #1d5bf540}.contact-section .landing-btn-solid{padding:18px 24px}.landing-btn-solid.large,.landing-btn-outline.large{border-radius:14px;padding:14px 32px;font-size:16px}.landing-container{max-width:1320px;margin:0 auto;padding:0 32px}.section-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 16px;font-size:32px;font-weight:800}.section-subtitle-center{color:#64748b;margin-bottom:24px;font-size:16px;line-height:1.6}.landing-hero-section{background:radial-gradient(circle at 90% 10%,#eff6ff 0%,#fff 60%);padding-top:100px;padding-bottom:80px}.landing-hero-section .landing-container{max-width:1320px}.hero-grid{grid-template-columns:1.2fr 1.3fr;align-items:center;gap:48px;display:grid}.hero-title{color:#0f172a;letter-spacing:-1px;margin:0 0 24px;font-size:48px;font-weight:800;line-height:1.15}.text-highlight-blue{color:var(--brand-blue)}.hero-subtitle{color:#475569;max-width:520px;margin:0 0 40px;font-size:18px;line-height:1.6}.hero-buttons{align-items:center;gap:20px;display:flex}.hero-mockup-area{justify-content:center;align-items:center;height:480px;display:flex;position:relative}.mockup-wrapper{width:100%;max-width:460px;height:380px;position:relative}.mockup-laptop{perspective:1000px;width:380px;position:absolute;top:10px;left:0}.laptop-screen{background-color:#0f172a;border:10px solid #1e293b;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;height:240px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001a}.screen-header{background-color:#1e293b;align-items:center;height:28px;padding:0 12px;display:flex;position:relative}.window-dots{gap:6px;display:flex}.window-dots .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#eab308}.dot-green{background-color:#22c55e}.screen-header .mock-title{color:#94a3b8;margin-left:20px;font-size:10px;font-weight:600}.screen-body{background-color:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.mock-stats-row{gap:8px;display:flex}.mock-stat-pill{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;padding:8px;display:flex;box-shadow:0 2px 4px #00000005}.mock-pill-label{color:#64748b;text-transform:uppercase;font-size:8px;font-weight:600}.mock-pill-val{margin-top:2px;font-size:12px;font-weight:700}.mock-pill-val.color-blue{color:var(--brand-blue)}.mock-pill-val.color-orange{color:#f97316}.mock-pill-val.color-green{color:#22c55e}.mock-chart-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;padding:10px;display:flex}.mock-chart-header{color:#1e293b;margin-bottom:8px;font-size:9px;font-weight:700}.mock-chart-bars{flex:1;justify-content:space-around;align-items:flex-end;height:70px;display:flex}.chart-bar{background-color:#e2e8f0;border-radius:4px 4px 0 0;width:14px;transition:all .3s}.chart-bar.active{background-color:var(--brand-blue)}.laptop-keyboard-base{background-color:#cbd5e1;border-radius:0 0 16px 16px;height:14px;position:relative;box-shadow:0 10px 20px #0000000d}.keyboard-lip{background-color:#94a3b8;border-radius:0 0 4px 4px;width:60px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mockup-phone{z-index:10;background-color:#0f172a;border:8px solid #1e293b;border-radius:28px;flex-direction:column;width:160px;height:310px;display:flex;position:absolute;bottom:0;right:10px;overflow:hidden;box-shadow:0 25px 50px #00000026}.phone-notch{background-color:#1e293b;border-radius:0 0 10px 10px;align-self:center;width:70px;height:14px;position:absolute;top:0}.phone-screen{background-color:#f8fafc;flex-direction:column;flex:1;padding:24px 12px 12px;display:flex}.phone-header{color:#1e293b;text-align:center;margin-bottom:12px;font-size:11px;font-weight:700}.phone-body{flex:1;justify-content:center;align-items:center;display:flex}.phone-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:12px;display:flex;box-shadow:0 4px 12px #00000005}.phone-card-label{color:#64748b;letter-spacing:.5px;font-size:9px;font-weight:700}.phone-card-val{color:#0f172a;margin:6px 0;font-size:28px;font-weight:800}.phone-card-actions{gap:8px;width:100%;display:flex}.phone-action-btn{background-color:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;height:28px;font-size:14px;font-weight:700;display:flex}.phone-action-btn.minus{color:var(--brand-blue);background-color:#eff6ff;border:1px solid #dbeafe}.floating-badge{z-index:12;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;animation:4s ease-in-out infinite floatEffect;display:flex;position:absolute;box-shadow:0 10px 25px #00000014}.badge-chart{top:-20px;left:200px}.badge-pie{animation-delay:1.5s;top:10px;right:60px}.badge-sync{animation-delay:.7s;top:120px;right:-20px}.floating-school-building{z-index:1;position:absolute;bottom:20px;right:-50px}@keyframes floatEffect{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.why-section{background-color:#f8fafc;padding:80px 0}.why-grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-top:48px;display:grid}.why-card{text-align:center;background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:center;padding:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a05}.why-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a0d}.why-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.why-card-text{color:#1e293b;margin:0;font-size:13.5px;font-weight:600;line-height:1.48}.features-section{padding:80px 0}.features-grid{grid-template-columns:repeat(5,1fr);gap:24px;margin-top:48px;display:grid}.feature-card{text-align:left;background-color:#fff;border:1.5px solid #f1f5f9;border-radius:16px;padding:24px;transition:all .2s}.feature-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 10px 25px #00000005}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.feature-title{color:#0f172a;margin:0 0 10px;font-size:15px;font-weight:700}.feature-desc{color:#64748b;margin:0;font-size:12px;line-height:1.5}.how-section{background-color:#f8fafc;padding:80px 0}.timeline-flow{justify-content:space-between;align-items:center;max-width:1000px;margin-top:48px;margin-left:auto;margin-right:auto;display:flex}.timeline-step{flex-direction:column;align-items:center;gap:16px;display:flex}.step-badge-circle{border-radius:50%;justify-content:center;align-items:center;min-width:52px;min-height:52px;display:flex;box-shadow:0 4px 10px #1d5bf50d}.step-badge-label{color:#64748b;font-size:12px;font-weight:700}.step-badge-label.color-green{color:#22c55e}.timeline-arrow{color:var(--brand-blue);margin-bottom:28px;font-size:20px;font-weight:700}.pricing-section{padding:80px 0}.pricing-options-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.pricing-option-card{text-align:left;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:space-between;padding:40px;transition:all .2s;display:flex;box-shadow:0 10px 30px #00000005}.pricing-option-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 15px 35px #0000000a}.pricing-card-top{flex-direction:column;flex-grow:1;display:flex}.pricing-card-title{color:#0f172a;text-align:left;margin:0;font-size:18px;font-weight:700}.pricing-price-block{align-items:baseline;gap:6px;margin:12px 0 16px;display:flex}.pricing-price-block .price-num{color:var(--brand-blue);font-size:40px;font-weight:800;font-family:var(--font-poppins), sans-serif;letter-spacing:-1px;line-height:100%}.pricing-price-block .price-num.color-green{color:#22c55e}.pricing-price-block .price-unit{color:#64748b;font-size:14px;font-weight:600}.pricing-features-divider{background-color:#f1f5f9;height:1px;margin:16px 0 24px}.pricing-features-list{text-align:left;flex-direction:column;flex-grow:1;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pricing-features-list li{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.pricing-features-list .check-icon{color:var(--brand-blue);font-size:15px;font-weight:700}.pricing-features-list .check-icon.green{color:#22c55e}.pricing-action-btn{border-radius:12px;justify-content:center;align-items:center;width:100%;height:52px;margin-top:36px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.pricing-action-btn.btn-blue{background-color:var(--brand-blue);color:#fff;box-shadow:0 4px 12px #1d5bf51a}.pricing-action-btn.btn-blue:hover{background-color:var(--brand-blue-hover);box-shadow:0 6px 16px #1d5bf533}.pricing-action-btn.btn-green{color:#fff;background-color:#22c55e;box-shadow:0 4px 12px #22c55e1a}.pricing-action-btn.btn-green:hover{background-color:#16a34a;box-shadow:0 6px 16px #22c55e33}.free-trial-footer-note{color:#16a34a;text-align:center;width:100%;margin-top:24px;font-size:13px;font-weight:600;display:block}.about-section{background-color:#f8fafc;padding:80px 0}.about-cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.about-card{text-align:left;background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 24px;transition:transform .2s;box-shadow:0 4px 12px #00000003}.about-card:hover{transform:translateY(-2px)}.about-icon-circle{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.about-card-title{color:#0f172a;margin:0 0 12px;font-size:16px;font-weight:700}.about-card-desc{color:#64748b;margin:0;font-size:13px;line-height:1.6}.faq-section{padding:80px 0}.faq-wrapper-block{max-width:800px;margin:48px auto 0}.faq-answer-container{transition:max-height .25s ease-out;overflow:hidden}.faq-answer-content{padding:0 24px 20px}.faq-answer-text{color:#64748b;text-align:left;margin:0;font-size:14px;font-weight:500;line-height:1.6}.contact-section{background-color:#f8fafc;border-bottom:1.5px solid #f1f5f9;padding:80px 0}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:64px;margin-top:48px;display:grid}.contact-details-col{flex-direction:column;justify-content:center;gap:36px;display:flex}.contact-detail-row{align-items:flex-start;gap:20px;display:flex}.contact-detail-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:13px;font-weight:700}.detail-value{color:#1e293b;margin:0;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none}a.detail-value:hover{color:var(--brand-blue)}.contact-form-col{background-color:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:40px;box-shadow:0 10px 30px #0f172a08}.contact-form-box{flex-direction:column;gap:20px;display:flex}.landing-footer{background-color:#fff;padding:80px 0 32px}.footer-grid{border-bottom:1.5px solid #f1f5f9;grid-template-columns:1.3fr repeat(3,.9fr);gap:48px;padding-bottom:48px;display:grid}.footer-company-info{flex-direction:column;align-items:flex-start;display:flex}.footer-logo{height:70px;margin-bottom:24px}.footer-company-desc{color:#64748b;text-align:left;margin:0 0 24px;font-size:13px;line-height:1.6}.footer-social-row{gap:12px;display:flex}.social-icon{color:#64748b;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.social-icon:hover{border-color:var(--brand-blue);color:var(--brand-blue);background-color:#eff6ff;transform:translateY(-1px)}.footer-links-col{flex-direction:column;align-items:flex-start;display:flex}.footer-links-title{color:#0f172a;margin:0 0 20px;font-size:14px;font-weight:700}.footer-links-list{flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list li button{cursor:pointer;color:#64748b;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;transition:color .2s}.footer-links-list li button:hover{color:var(--brand-blue)}.footer-links-list li a{color:#64748b;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s}.footer-links-list li a:hover{color:var(--brand-blue)}.footer-bottom-bar{color:#94a3b8;max-width:1320px;margin-left:auto;margin-right:auto;padding-top:32px;padding-left:32px;padding-right:32px;font-size:13px;font-weight:500}.bg-blue-tint{color:var(--brand-blue);background-color:#eff6ff}.bg-green-tint{color:#22c55e;background-color:#f0fdf4}.hero-mockup-image{filter:drop-shadow(0 20px 40px #0f172a14);max-width:100%;height:auto;display:block}.pricing-features-two-col{text-align:left;justify-content:space-between;gap:32px;display:flex}.pricing-features-two-col .pricing-features-list{flex-direction:column;flex:1;gap:12px;display:flex}.pricing-features-two-col .pricing-features-list li{color:#475569;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.pricing-features-two-col .pricing-features-list .check-icon.green{color:#22c55e;font-size:15px;font-weight:700}.why-icon-circle svg{width:26px!important;height:26px!important}.feature-icon svg{width:24px!important;height:24px!important}.step-badge-circle svg{width:26px!important;height:26px!important}.session-control-actions{gap:10px;width:100%;margin-top:16px;display:flex}.session-control-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.session-control-btn:disabled{opacity:.45;cursor:not-allowed}.session-control-btn--undo{color:#64748b}.session-control-btn--pause{color:#5856d6;border-color:#5856d6}.session-control-btn--stop{color:#ef4444;border-color:#ef4444}.status-pill.paused{color:#b45309;background:#fef3c7}.status-pill.pending{color:#64748b;background:#f1f5f9}.pulse-dot.paused{background:#f59e0b;animation:none}.status-pill.completed{color:#16a34a;background:#dcfce7}.modal-form-group{text-align:left;margin-bottom:14px}.modal-form-label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-form-input,.modal-form-textarea{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.modal-form-textarea{resize:vertical}.modal-btn.btn-save{color:#fff;background:#5856d6;border:none}.notes-modal-list{text-align:left;max-height:260px;margin:12px 0;overflow-y:auto}.notes-modal-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;padding:10px 12px}.notes-modal-text{color:#0f172a;margin:0 0 4px;font-size:14px}.notes-modal-date{color:#94a3b8;font-size:12px}.notes-modal-empty{color:#64748b;text-align:center;padding:12px 0;font-size:14px}.badge-green{color:#16a34a;background:#dcfce7}.stripe-payment-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:700px;margin:30px auto;padding:24px}.combo-form{flex-direction:column;gap:20px;width:100%;display:flex}.combo-group{text-align:left;width:100%;position:relative}.combo-label{color:#1e293b;font-size:13px;font-weight:700;font-family:var(--font-poppins), sans-serif;margin-bottom:8px;display:block}.combo-box{border:1.5px solid var(--border-color);cursor:pointer;background-color:#fff;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-family:inherit;transition:border-color .2s,background-color .2s;display:flex}.combo-box.open{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d5bf51a}.combo-box.disabled{cursor:not-allowed;background-color:#f8fafc;border-color:#e2e8f0}.combo-box-text{color:var(--text-dark);font-size:15px;font-weight:500}.combo-box-text.placeholder{color:#94a3b8}.combo-box.disabled .combo-box-text{color:#cbd5e1}.combo-chevron{color:#64748b;flex-shrink:0;transition:transform .2s}.combo-box.open .combo-chevron{color:var(--brand-blue);transform:rotate(180deg)}.combo-dropdown-panel{z-index:50;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 30px #0f172a1a}.combo-search-wrapper{color:#64748b;border-bottom:1.5px solid #f1f5f9;align-items:center;gap:10px;padding:12px 16px;display:flex}.combo-search-input{color:var(--text-dark);border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.combo-options-list{max-height:220px;padding:8px;overflow-y:auto}.combo-option{color:var(--text-dark);cursor:pointer;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:background-color .15s}.combo-option:hover{background-color:#f8fafc}.combo-option.selected{color:var(--brand-blue);background-color:#eff6ff;font-weight:600}.combo-no-results{text-align:center;color:#94a3b8;margin:0;padding:16px 0;font-size:13px}.ctds-text{color:#64748b;text-align:left;margin:-8px 0 0;font-size:13px;font-weight:500}.school-setup-continue-btn{margin-top:32px}.agreement-checkbox-row{margin-top:-4px;margin-bottom:4px;font-size:13.5px;line-height:1.5;align-items:flex-start!important;font-weight:400!important}.agreement-checkbox-row .custom-checkbox-wrapper{flex-shrink:0;margin-top:2px}.agreement-inline-link{color:var(--brand-blue);font-weight:600;text-decoration:none}.agreement-inline-link:hover{color:var(--brand-blue-hover);text-decoration:underline}.payment-modal-card{-webkit-overflow-scrolling:touch;width:92%;max-width:640px;max-height:88vh;padding:32px 36px;position:relative;overflow-y:auto}.payment-modal-card::-webkit-scrollbar{width:6px}.payment-modal-card::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.modal-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#0f172a;background-color:#0000000d}.payment-modal-card .modal-btn-row{gap:12px}.records-new-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.records-new-title{color:var(--text-dark);font-size:26px;font-weight:700}.records-new-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.user-date-badge{border:none;border-radius:8px;align-items:center;gap:12px;padding:0 12px;display:flex;box-shadow:0 1px 3px #00000005}.badge-calendar-icon{background:var(--brand-blue);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.badge-user-info{flex-direction:column;gap:2px;line-height:1.25;display:flex}.badge-username{color:var(--text-dark);font-size:13px;font-weight:600}.badge-date{color:var(--text-muted);font-size:11px}.records-alert-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.alert-message{font-weight:500}.alert-dismiss-btn{color:var(--brand-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none}.alert-dismiss-btn:hover{text-decoration:underline}.top-stats-row{gap:20px;margin-bottom:8px;display:flex}.top-stats-row .stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:18px;box-shadow:0 1px 3px #00000003}.stat-card-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.stat-card-value{color:var(--text-dark);font-size:28px;font-weight:700;display:block}.last-updated-text{color:var(--text-muted);margin-bottom:24px;font-size:12px}.tabs-row{margin-bottom:16px}.tabs-pill-container{background:#f1f5f9;border-radius:30px;gap:10px;padding:4px;display:inline-flex}.tab-pill-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:26px;padding:12px 40px;font-size:14px;font-weight:600;transition:all .2s}.tab-pill-btn.active{background:var(--brand-blue);color:#fff;box-shadow:0 2px 4px #1d5bf526}.records-table-scroll-container{scrollbar-width:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:275px;overflow-y:auto;box-shadow:0 1px 3px #00000005}.records-table-scroll-container::-webkit-scrollbar{width:6px}.records-table-scroll-container::-webkit-scrollbar-track{background:#f8fafc}.records-table-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.records-new-table{border-collapse:collapse;text-align:left;width:100%}.records-new-table th{color:var(--text-muted);z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.records-new-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:14px}.records-new-table tr:last-child td{border-bottom:none}.records-new-table tr.row-exceeds-enrollment{background:var(--danger-red-bg)!important;color:var(--danger-red)!important}.records-new-table tr.row-exceeds-enrollment td{color:var(--danger-red)!important}.records-new-table tr.row-exceeds-enrollment .day-col{font-weight:700;color:var(--danger-red)!important}.records-new-table tr.row-exceeds-expected{background:var(--warning-yellow-bg)!important;color:var(--warning-yellow)!important}.records-new-table tr.row-exceeds-expected td{color:var(--warning-yellow)!important}.records-new-table tr.row-exceeds-expected .day-col{font-weight:700;color:var(--warning-yellow)!important}.records-new-table .day-col{color:var(--text-dark);font-weight:600}.special-day-text{color:var(--text-muted);font-style:italic}.table-actions-container{align-items:center;gap:12px;display:flex}.action-icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .15s,opacity .15s;display:flex}.action-icon-btn:hover{transform:scale(1.1)}.action-icon-btn.edit{color:#5856d6}.action-icon-btn.delete,.action-icon-btn.notes:hover{color:#e11d48}.table-legend-container{gap:20px;margin-top:12px;margin-bottom:24px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color-box{border-radius:3px;width:12px;height:12px}.legend-color-box.red{background:var(--danger-red)}.legend-color-box.yellow{background:var(--warning-yellow)}.legend-text{color:var(--text-muted);font-size:12px}.bottom-summary-row{gap:20px;margin-bottom:24px;display:flex}.bottom-summary-row .summary-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px;box-shadow:0 1px 3px #00000003}.summary-card-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.summary-card-value{color:var(--text-dark);font-size:20px;font-weight:700;display:block}.records-notes-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:18px;box-shadow:0 1px 3px #00000003}.notes-box-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.notes-title{color:var(--text-dark);letter-spacing:.05em;font-size:12px;font-weight:700}.notes-export-toggle{align-items:center;gap:8px;display:flex}.toggle-label{color:var(--text-muted);font-size:12px}.toggle-switch-btn{cursor:pointer;background:#cbd5e1;border:none;border-radius:12px;align-items:center;width:44px;height:24px;padding:2px;transition:background-color .25s;display:flex;position:relative}.toggle-switch-btn.active{background:var(--brand-blue)}.switch-dot{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;display:block;box-shadow:0 1px 2px #0000001a}.toggle-switch-btn.active .switch-dot{transform:translate(20px)}.notes-body{color:#334155;font-size:13px;line-height:1.5}.records-actions-row{gap:16px;display:flex}.records-action-btn.outline{border:1.5px solid var(--brand-blue);color:var(--brand-blue);cursor:pointer;background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.records-action-btn.outline:hover{background:#1d5bf50a}.records-action-btn.outline svg{transition:transform .2s}.records-action-btn.outline:hover svg{transform:translateY(-1px)}.action-edit-btn{cursor:pointer;color:#5856d6;background:0 0;border:none;align-items:center;padding:0;transition:opacity .2s,color .2s;display:inline-flex}.action-edit-btn:hover{opacity:.8;color:var(--brand-blue)}.records-calander-header{margin-bottom:32px}.calander-title{color:var(--text-dark);font-size:26px;font-weight:700}.calander-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.school-year-section{margin-bottom:24px}.section-year-title{color:#334155;letter-spacing:.05em;margin-bottom:20px;font-size:12px;font-weight:700}.carousel-wrapper{align-items:center;gap:16px;width:100%;display:flex}.carousel-nav-btn{width:42px;height:42px;color:var(--brand-blue);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 5px #0000000a}.carousel-nav-btn:hover{background:#f8fafc;transform:scale(1.05);box-shadow:0 3px 8px #00000014}.cards-slider-container{flex:1;padding:10px 0;overflow:hidden}.month-cards-row{gap:16px;width:100%;display:flex}.month-card{cursor:pointer;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:calc(16.6667% - 13.3333px);min-width:100px;height:110px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.month-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.month-card.filled{background:var(--brand-blue);color:#fff;border:none}.month-card.filled .card-month-lbl{color:#fff}.month-card.filled .card-value-lbl{color:#ffffffd9}.month-card.current{border:1.5px solid var(--brand-blue);color:var(--brand-blue);background:#fff}.month-card.current .card-month-lbl,.month-card.current .card-value-lbl{color:var(--brand-blue);font-weight:700}.month-card.empty{color:#64748b;cursor:not-allowed;background:#f1f5f9;border:none}.month-card.empty:hover{transform:none;box-shadow:0 1px 3px #00000005}.month-card.empty .card-month-lbl{color:#64748b}.month-card.empty .card-value-lbl{color:#cbd5e1}.month-card.empty-value{color:#334155;background:#f1f5f9;border:none}.month-card.empty-value .card-month-lbl{color:#334155;font-weight:600}.month-card.empty-value .card-value-lbl{color:#64748b}.card-month-lbl{margin-bottom:6px;font-size:15px;font-weight:600}.card-value-lbl{font-size:13px}.carousel-dots-indicators{justify-content:center;gap:8px;margin-top:18px;display:flex}.indicator-dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:7px;height:7px;transition:all .2s}.indicator-dot.active{background:var(--brand-blue);transform:scale(1.15)}.section-divider-line{border:none;border-top:1px solid #e2e8f0;margin:32px 0}.records-calander-footer{text-align:center;color:#94a3b8;margin-top:36px;font-size:13px}.custom-reports-title{color:var(--text-dark);font-size:26px;font-weight:700}.reports-chart-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #00000003}.chart-card-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.chart-card-value{color:var(--text-dark);margin-bottom:20px;font-size:36px;font-weight:700}.graph-bars-wrapper{scrollbar-width:thin;align-items:flex-end;gap:12px;width:100%;height:100px;margin:24px 0 16px;padding-bottom:4px;display:flex;overflow-x:auto}.graph-column-selector{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:48px;display:flex}.graph-column-bar-container{justify-content:center;align-items:flex-end;width:100%;height:72px;display:flex}.graph-column-bar-fill{background:#e2e8f0;border-radius:6px;width:100%;transition:all .25s cubic-bezier(.4,0,.2,1)}.graph-column-selector.active .graph-column-bar-fill{background:var(--brand-blue);box-shadow:0 4px 10px #1d5bf533}.graph-column-selector:hover .graph-column-bar-fill{background:#cbd5e1}.graph-column-selector.active:hover .graph-column-bar-fill{background:var(--brand-blue-hover)}.block-label{color:#64748b;font-size:12px;font-weight:600;transition:color .2s}.graph-column-selector.active .block-label{color:var(--brand-blue);font-weight:700}.chart-card-footer-lbl{color:var(--text-muted);margin-top:16px;font-size:12px}.users-contribution-list{flex-direction:column;gap:12px;display:flex}.user-contrib-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000003}.user-contrib-row.selectable{cursor:pointer}.user-contrib-row.selectable:hover{background:#f8fafc;border-color:#cbd5e1}.user-contrib-row.selected{border-color:var(--brand-blue);background:#eff6ff}.user-contrib-left{align-items:center;gap:12px;display:flex}.custom-checkbox-btn{background:#fff;border:2px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-checkbox-btn.checked{border-color:var(--brand-blue);background:var(--brand-blue)}.checkbox-inner-dot{background:#fff;border-radius:50%;width:6px;height:6px}.user-contrib-name{color:var(--text-dark);font-size:15px;font-weight:600}.user-contrib-val{color:var(--text-dark);font-size:16px;font-weight:700}.val-period{color:var(--text-muted);font-size:12px;font-weight:400}.month-card.disabled-future{opacity:.45;cursor:not-allowed;pointer-events:none}.status-pill.auto-closed{color:#b45309;background-color:#fef3c7}.homepage-container{color:oklch(18% .02 260);background:oklch(99% .003 90);width:100%;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.homepage-nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(99% .003 90/.9);border-bottom:1px solid oklch(90% .01 260);justify-content:space-between;align-items:center;padding:5px 56px;display:flex;position:sticky;top:0}.homepage-nav-logo{flex-shrink:0;width:auto;height:100px;display:block}.homepage-nav-right{align-items:center;gap:28px;display:flex}.homepage-nav-links{white-space:nowrap;align-items:center;gap:24px;font-size:15px;font-weight:500;display:flex}.homepage-nav-link{color:oklch(40% .02 260);transition:color .15s;text-decoration:none!important}.homepage-nav-link:hover{color:#1740c4;text-decoration:none!important}.homepage-nav-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.homepage-login-btn{color:oklch(40% .02 260);padding:10px 4px;font-size:15px;font-weight:600;transition:color .15s;text-decoration:none!important}.homepage-login-btn:hover{color:#1740c4;text-decoration:none!important}.homepage-trial-btn{background:linear-gradient(135deg,#2f6bf3,#1740c4);border-radius:4px;padding:11px 20px;font-size:15px;font-weight:700;transition:all .15s;box-shadow:0 6px 16px -6px oklch(40% .18 260/.6);color:#fff!important;text-decoration:none!important}.homepage-trial-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px oklch(40% .18 260/.7);text-decoration:none!important}.homepage-hero-section{grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;max-width:1400px;margin:0 auto;padding:80px 56px 84px;display:grid}.homepage-hero-badge{letter-spacing:.04em;text-transform:uppercase;color:#1740c4;background:oklch(93% .09 92);border-radius:4px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.homepage-hero-title{letter-spacing:-.02em;color:oklch(16% .02 260);margin:0 0 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:58px;font-weight:800;line-height:1.06}.homepage-hero-desc{color:oklch(40% .02 260);max-width:520px;margin:0 0 36px;font-size:19px;line-height:1.6}.homepage-hero-actions{align-items:center;gap:16px;margin-bottom:44px;display:flex}.homepage-hero-primary-btn{background:linear-gradient(135deg,#2f6bf3,#1740c4);border-radius:4px;padding:16px 30px;font-size:16px;font-weight:700;text-decoration:none;transition:all .15s;box-shadow:0 10px 24px -8px oklch(40% .18 260/.55);color:#fff!important}.homepage-hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px oklch(40% .18 260/.65)}.homepage-hero-secondary-btn{color:oklch(25% .02 260);border:1.5px solid oklch(85% .01 260);border-radius:4px;padding:16px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s}.homepage-hero-secondary-btn:hover{color:oklch(10% .02 260);border-color:oklch(60% .02 260)}.homepage-hero-subtext{color:oklch(50% .02 260);align-items:center;gap:28px;font-size:13px;font-weight:500;display:flex}.homepage-hero-bullet-dot{background:oklch(75% .01 260);border-radius:50%;width:4px;height:4px}.homepage-mockup-wrapper{background:linear-gradient(165deg,oklch(97% .01 260),oklch(94% .02 260));border-radius:4px;padding:28px;position:relative;box-shadow:0 40px 80px -30px oklch(30% .05 260/.35)}.homepage-mockup-glow{z-index:0;pointer-events:none;background:radial-gradient(circle at 60% 40%,oklch(85% .08 260/.35),#0000 65%);position:absolute;inset:-60px}.homepage-mockup-card{background:#fff;border:1px solid oklch(90% .01 260);border-radius:4px;padding:28px;position:relative}.homepage-mockup-top-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.homepage-mockup-title{color:oklch(20% .02 260);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700}.homepage-mockup-sync{color:#1a8a4a;background:oklch(94% .06 150);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.homepage-mockup-body{text-align:center;padding:20px 0 12px}.homepage-mockup-count-val{color:oklch(16% .02 260);font-family:Plus Jakarta Sans,sans-serif;font-size:88px;font-weight:800;line-height:1}.homepage-mockup-details-label{color:oklch(50% .02 260);margin-top:8px;font-size:14px;font-weight:500}.homepage-mockup-time-label{color:oklch(55% .02 260);margin-top:4px;margin-bottom:16px;font-size:12px}.homepage-mockup-btn-container{justify-content:center;display:flex}.homepage-mockup-circle-btn{cursor:pointer;background:linear-gradient(135deg,#3f7bff,#1740c4);border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:148px;height:148px;transition:transform .15s;display:flex;position:relative;box-shadow:0 20px 40px -12px #1740c480,inset 0 2px #ffffff40,inset 0 -6px 14px #00000026}.homepage-mockup-circle-btn:active{transform:scale(.96)}.homepage-mockup-circle-inner-border{border:1.5px solid #ffffff40;border-radius:50%;position:absolute;inset:7px}.homepage-mockup-actions-row{gap:10px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.homepage-mockup-action-card-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:11px 0 9px;transition:transform .15s,opacity .15s;display:flex}.homepage-mockup-action-card-btn:active{transform:scale(.97)}.homepage-mockup-action-card-btn.undo{color:oklch(40% .02 260);background:oklch(96% .005 260);border:1px solid oklch(90% .008 260)}.homepage-mockup-action-card-btn.pause{color:#8a5a0a;background:oklch(95% .05 80);border:1px solid oklch(88% .06 80)}.homepage-mockup-action-card-btn.stop{color:#b0202a;background:oklch(95% .06 25);border:1px solid oklch(88% .08 25)}.homepage-trust-strip-section{text-align:center;max-width:1400px;margin:0 auto;padding:8px 56px 64px}.homepage-trust-title{letter-spacing:.06em;text-transform:uppercase;color:oklch(55% .02 260);margin-bottom:20px;font-size:13px;font-weight:600}.homepage-trust-items-row{color:oklch(50% .02 260);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.homepage-problem-solution-section{background:oklch(96% .01 260);padding:72px 56px}.homepage-problem-solution-grid{grid-template-columns:1fr 1fr;gap:64px;max-width:1400px;margin:0 auto;display:grid}.homepage-problem-icon-wrapper{border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;display:flex}.homepage-problem-icon-wrapper.problem{background:oklch(91% .01 260)}.homepage-problem-icon-wrapper.solution{background:oklch(93% .05 260)}.homepage-problem-label{letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}.homepage-problem-label.problem{color:oklch(50% .02 260)}.homepage-problem-label.solution{color:#1740c4}.homepage-problem-title{color:oklch(16% .02 260);margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.homepage-problem-desc{color:oklch(42% .02 260);font-size:16px;line-height:1.7}.homepage-features-section{max-width:1400px;margin:0 auto;padding:76px 56px}.homepage-section-header{text-align:center;max-width:640px;margin:0 auto 64px}.homepage-section-pretitle{letter-spacing:.04em;text-transform:uppercase;color:oklch(50% .02 260);margin-bottom:14px;font-size:13px;font-weight:700}.homepage-section-title{color:oklch(16% .02 260);margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-weight:800;line-height:1.2}.homepage-section-desc{color:oklch(42% .02 260);margin:0;font-size:17px;line-height:1.6}.homepage-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.homepage-feature-card{background:#fff;border:1px solid oklch(91% .01 260);border-radius:4px;padding:30px;transition:all .2s}.homepage-feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px #0000000f}.homepage-feature-icon-wrapper{color:#1740c4;background:oklch(93% .05 260);border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;display:flex}.homepage-feature-icon-wrapper img{object-fit:contain;width:auto;max-width:22px;height:auto;max-height:22px}.homepage-feature-card-title{color:oklch(16% .02 260);margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.homepage-feature-card-desc{color:oklch(45% .02 260);margin:0;font-size:15px;line-height:1.6}.homepage-how-it-works-section{background:oklch(96% .01 260);padding:76px 56px}.homepage-how-it-works-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.homepage-step-number{color:#1740c4;margin-bottom:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800}.homepage-step-title{color:oklch(16% .02 260);margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700}.homepage-step-desc{color:oklch(45% .02 260);margin:0;font-size:14.5px;line-height:1.65}.homepage-onboarding-section{max-width:1400px;margin:0 auto;padding:76px 56px}.homepage-onboarding-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.homepage-onboarding-card{background:#fff;border:1px solid oklch(91% .01 260);border-radius:4px;padding:30px}.homepage-onboarding-number{color:#1740c4;background:oklch(93% .05 260);border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:800;display:flex}.homepage-compliance-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;max-width:1400px;margin:0 auto;padding:76px 56px;display:grid}.homepage-compliance-wrapper{background:oklch(97% .008 260);border:1px solid oklch(90% .01 260);border-radius:4px;padding:8px;box-shadow:0 30px 60px -30px oklch(30% .05 260/.3)}.homepage-compliance-card{background:#fff;border-radius:4px;padding:22px 22px 16px}.homepage-compliance-title-row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.homepage-compliance-card-title{color:oklch(18% .02 260);font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:800}.homepage-compliance-card-subtitle{color:oklch(50% .02 260);font-size:12px;font-weight:600}.homepage-compliance-meta{color:oklch(55% .02 260);margin-bottom:16px;font-size:12px}.homepage-compliance-table-header{text-transform:uppercase;letter-spacing:.03em;color:oklch(50% .02 260);border-bottom:1px solid oklch(92% .01 260);grid-template-columns:.6fr .8fr .8fr .8fr 1fr;gap:8px;padding:0 4px 8px;font-size:11px;font-weight:700;display:grid}.homepage-compliance-table-row{color:oklch(25% .02 260);border-bottom:1px solid oklch(95% .005 260);grid-template-columns:.6fr .8fr .8fr .8fr 1fr;align-items:center;gap:8px;padding:10px 4px;font-size:13px;display:grid}.homepage-compliance-table-row:last-child{border-bottom:none}.homepage-status-dot-wrapper{align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.homepage-status-dot-wrapper.ok{color:#1a8a4a}.homepage-status-dot-wrapper.flagged{color:#8a6a0a}.homepage-status-dot-wrapper.exceeds{color:#b0202a}.homepage-status-dot{border-radius:2px;width:7px;height:7px;display:inline-block}.homepage-status-dot.ok{background:#1a8a4a}.homepage-status-dot.flagged{background:#e0a812}.homepage-status-dot.exceeds{background:#e0353d}.homepage-compliance-bullet-list{flex-direction:column;gap:20px;margin-top:24px;display:flex}.homepage-compliance-bullet-item{gap:14px;display:flex}.homepage-compliance-bullet-marker{border-radius:3px;flex-shrink:0;width:10px;height:10px;margin-top:6px}.homepage-compliance-bullet-marker.red{background:#e0353d}.homepage-compliance-bullet-marker.yellow{background:#e0a812}.homepage-compliance-bullet-marker.blue{background:#1740c4}.homepage-compliance-bullet-text{color:oklch(42% .02 260);margin:0;font-size:15.5px;line-height:1.65}.homepage-pricing-section{background:oklch(96% .01 260);padding:76px 56px}.homepage-pricing-card{background:#fff;border:1px solid oklch(91% .01 260);border-radius:4px;max-width:480px;margin:0 auto;padding:44px;box-shadow:0 30px 60px -30px oklch(30% .05 260/.35)}.homepage-pricing-price-row{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.homepage-pricing-value{color:oklch(16% .02 260);font-family:Plus Jakarta Sans,sans-serif;font-size:52px;font-weight:800}.homepage-pricing-period{color:oklch(50% .02 260);font-size:16px;font-weight:600}.homepage-pricing-card-desc{color:oklch(45% .02 260);margin:0 0 28px;font-size:15px}.homepage-pricing-bullets{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.homepage-pricing-bullet-item{color:oklch(30% .02 260);gap:10px;font-size:14.5px;display:flex}.homepage-pricing-bullet-check{color:#1a8a4a;font-weight:700}.homepage-pricing-card-btn{text-align:center;background:linear-gradient(135deg,#2f6bf3,#1740c4);border-radius:4px;margin-bottom:12px;padding:16px 0;font-size:16px;font-weight:700;text-decoration:none;display:block;color:#fff!important}.homepage-pricing-card-subtext{text-align:center;color:oklch(40% .02 260);font-size:14.5px;font-weight:600;display:block}.homepage-faq-section{max-width:900px;margin:0 auto;padding:76px 56px}.homepage-faq-accordion{background:oklch(90% .01 260);border:1px solid oklch(90% .01 260);border-radius:4px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.homepage-faq-item{background:#fff;padding:26px 28px}.homepage-faq-question{color:oklch(18% .02 260);margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:700}.homepage-faq-answer{color:oklch(45% .02 260);font-size:15px;line-height:1.6}.homepage-cta-section{text-align:center;padding:76px 56px}.homepage-cta-title{color:oklch(16% .02 260);margin:0 0 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:800;line-height:1.2}.homepage-cta-desc{color:oklch(42% .02 260);margin:0 0 36px;font-size:17px;line-height:1.6}.homepage-cta-buttons-row{justify-content:center;gap:16px;display:flex}.homepage-footer{color:oklch(85% .01 260);background:oklch(18% .015 260);padding:64px 56px 32px}.homepage-footer-content{max-width:1400px;margin:0 auto}.homepage-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.homepage-footer-logo-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.homepage-footer-logo-wrapper{background:#fff;border-radius:4px;padding:2px 10px;display:inline-block}.homepage-footer-logo-cep{width:auto;height:50px;display:block}.homepage-footer-logo-divider{color:oklch(50% .01 260);margin-left:6px;font-size:13px}.homepage-footer-logo-sds{width:auto;height:64px;display:block}.homepage-footer-brand-desc{color:oklch(62% .01 260);max-width:280px;margin:0 0 20px;font-size:14px;line-height:1.6}.homepage-footer-badges-list{flex-direction:column;gap:8px;display:flex}.homepage-footer-badge-item{color:oklch(68% .01 260);align-items:center;gap:8px;font-size:12.5px;display:flex}.homepage-footer-column-title{text-transform:uppercase;letter-spacing:.04em;color:oklch(55% .01 260);margin-bottom:16px;font-size:13px;font-weight:700}.homepage-footer-links-list{flex-direction:column;gap:12px;font-size:14.5px;display:flex}.homepage-footer-link-item{color:oklch(82% .01 260);transition:color .15s;text-decoration:none!important}.homepage-footer-link-item:hover{color:#fff;text-decoration:none!important}.homepage-footer-apps-list{flex-direction:column;gap:10px;display:flex}.homepage-footer-app-btn{color:#fff;background:oklch(28% .015 260);border:1px solid oklch(38% .015 260);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex;text-decoration:none!important}.homepage-footer-app-btn:hover{background:oklch(33% .015 260);border-color:oklch(48% .015 260);text-decoration:none!important}.homepage-footer-bottom-row{color:oklch(55% .01 260);border-top:1px solid oklch(30% .015 260);justify-content:space-between;padding-top:24px;font-size:13px;display:flex}@media (width<=1024px){.homepage-hero-section{grid-template-columns:1fr;gap:48px;padding:60px 24px}.homepage-hero-title{font-size:46px}.homepage-problem-solution-grid{grid-template-columns:1fr;gap:40px}.homepage-features-grid{grid-template-columns:repeat(2,1fr)}.homepage-onboarding-grid{grid-template-columns:1fr;gap:20px}.homepage-compliance-section{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.homepage-nav{padding:14px 24px}.homepage-nav-links{display:none}.homepage-features-grid{grid-template-columns:1fr}.homepage-how-it-works-grid,.homepage-footer-grid{grid-template-columns:1fr;gap:32px}.homepage-footer-bottom-row{text-align:center;flex-direction:column;gap:12px}}.date-range-filters-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:16px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000003}.date-range-field-group{flex-direction:column;gap:6px;display:flex}.date-range-field-label{color:var(--text-muted);letter-spacing:.03em;font-size:12px;font-weight:600}.date-range-input{color:var(--text-dark);border:1.5px solid var(--border-color);background-color:#fff;border-radius:10px;outline:none;min-width:160px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.date-range-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #1d5bf514}.date-range-generate-btn{background:var(--brand-blue);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.date-range-generate-btn:hover:not(:disabled){background-color:var(--brand-blue-hover)}.date-range-generate-btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0}.date-range-empty-state{color:var(--text-muted);text-align:center;padding:12px 0;font-size:13px}@media (width<=640px){.date-range-filters-row{flex-direction:column;align-items:stretch}.date-range-input,.date-range-generate-btn{width:100%}}select.date-range-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}*{-webkit-tap-highlight-color:transparent!important}.compliance-card{-webkit-overflow-scrolling:touch;width:100%!important;overflow-x:auto!important}.compliance-table{min-width:680px}.mobile-header,.drawer-overlay,.drawer-close-btn,.landing-hamburger-btn{display:none}.desktop-logo{display:block}.mobile-logo,.landing-drawer-overlay,.landing-drawer{display:none}.main-content{min-width:0!important}.count-container{flex-direction:column;display:flex;width:100%!important;min-width:0!important}.meals-container,.profile-wrapper{width:100%!important;min-width:0!important}@media (width<=1920px){.landing-header-container .landing-logo img.mobile-logo{display:none}.landing-header-container .landing-logo img.desktop-logo{display:block}}@media (width<=1200px){.login-container{padding:40px 24px}}@media (width<=1024px){.login-container{padding:32px 24px}.login-title{font-size:30px}.sidebar{width:240px;padding:24px 0 16px}.sidebar-logo{margin-bottom:24px;padding:0 20px}.sidebar-logo img{height:64px}.sidebar-item{padding:14px 24px;font-size:14.5px}.main-content{margin-left:240px;padding:32px}}@media (width<=840px){.payment-options-grid{grid-template-columns:1fr;gap:20px;max-width:480px;margin:0 auto 24px}.payment-option-card{min-height:auto}}@media (width<=768px){.login-container{padding:24px 20px}.login-card{padding:0 8px}.login-title{margin-bottom:8px;font-size:26px}.login-subtitle{margin-bottom:28px;font-size:13.5px}.step-label{white-space:normal;text-align:center;max-width:60px;font-size:8px;line-height:1.3}.plan-details-grid{gap:16px;grid-template-columns:repeat(2,1fr)!important}.features-list-grid{grid-template-columns:1fr;gap:12px}.mobile-header{z-index:999;background-color:#fff;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.hamburger-btn{cursor:pointer;color:#0f172a;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.mobile-header-logo img{object-fit:contain;border-radius:8px;max-width:100%;height:40px;display:block}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background-color:#0f172a66;display:block;position:fixed;inset:0}.sidebar{z-index:1002;background-color:#fff;border-right:1.5px solid #f1f5f9;flex-direction:column;width:280px;height:100vh;padding:24px 0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 10px 30px #0000001a;display:flex!important}.sidebar.drawer-open{scrollbar-width:none;overflow-y:auto;transform:translate(0)}.drawer-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,color .2s;display:flex}.drawer-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.sidebar-logo{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 20px 0 24px;display:flex}.sidebar-logo img{object-fit:contain;max-width:100%;height:60px}.sidebar-menu{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;width:100%}.sidebar-item{border-top:none;border-left:4px solid #0000;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:16px;height:auto;padding:14px 32px;font-size:15px}.sidebar-item.active{border-left-color:var(--brand-blue);background-color:#eff6ff;border-top-color:#0000}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;padding:0;display:flex}.main-content{margin-top:70px;margin-bottom:0!important;margin-left:0!important;padding:24px 16px!important}.compliance-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.compliance-table{min-width:680px}}@media (width<=600px){.auth-button-group{flex-direction:column-reverse;gap:12px;width:100%}.auth-button-group .submit-btn{width:100%;margin:0!important}.status-bar-pill{border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px}.status-bar-divider{display:none}.login-card.card-w-add{max-width:480px!important}}@media (width<=576px){.login-container{padding:20px 16px}.login-logo{margin-bottom:20px}.login-logo img{height:64px}.login-title{margin-bottom:8px;font-size:22px}.login-subtitle{margin-bottom:24px;font-size:13px;line-height:1.5}.onboarding-stepper{margin-bottom:24px;padding:0 4px}.step-circle{width:24px;height:24px;font-size:10px}.stepper-line{top:12px;left:8px;right:8px}.step-label{margin-top:6px;font-size:7.5px}.code-inputs-container{gap:15px;margin-bottom:24px}.code-input{border-radius:8px;max-width:50px;font-size:18px}.state-list{gap:8px;margin-bottom:24px}.state-item-card{border-radius:12px;padding:16px 20px}.state-item-text{font-size:14.5px}.po-submitted-details-card{margin-bottom:24px;padding:8px 16px}.po-submitted-row{padding:16px 0}.po-row-icon-col{width:36px;height:36px;margin-right:12px}.po-row-label{width:110px;font-size:13.5px}.po-row-value{font-size:13.5px}.plan-details-grid{gap:12px;grid-template-columns:1fr!important}.po-upload-dropzone{margin-bottom:0;padding:32px 16px}.dropzone-icon-wrapper{width:52px;height:52px}.dropzone-title{font-size:14px}.dropzone-desc{font-size:12.5px}.po-textarea{margin-bottom:24px;padding:12px 16px;font-size:14px}.plan-details-card{margin-bottom:24px;padding:20px 16px}.summary-col-value{font-size:26px!important}.session-item{gap:10px;padding:16px!important}.session-panel-card{text-align:center;flex-direction:column;align-items:stretch;gap:20px;padding:24px!important}.session-panel-left{flex-direction:column;align-items:center;gap:14px}.session-panel-right{align-items:center;gap:12px;width:100%}.session-action-btn{text-align:center;justify-content:center;width:100%}.counter-card-value{font-size:80px!important}.counter-btn-minus,.counter-btn-plus{width:64px!important;height:64px!important;font-size:28px!important}.profile-menu-row{padding:16px 20px!important}.profile-menu-icon{width:36px!important;height:36px!important}.profile-menu-text{font-size:14.5px!important}.school-info-card{padding:14px 18px!important}.school-info-details{margin-left:12px!important}.school-info-value{font-size:14.5px!important}.policy-card{padding:24px 20px!important}.faq-card{border-radius:16px!important}.faq-header-row{padding:16px 20px!important}.faq-question-text{font-size:14.5px!important}.notification-header{margin-bottom:20px}.mark-all-read-btn{font-size:13px}.notification-item{gap:12px!important;padding:16px!important}.notification-icon-wrapper{width:44px!important;height:44px!important}.report-card{border-radius:20px!important;padding:20px!important}.report-card-footer{justify-content:space-between;align-items:flex-start;gap:12px}.report-format-actions{justify-content:flex-start;width:fit-content;margin-top:4px}}@media (width<=1024px){.hero-grid{gap:32px}.hero-title{font-size:40px}.why-grid,.features-grid{grid-template-columns:repeat(3,1fr)}.about-cards-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1.2fr;gap:32px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=890px){.landing-header-container{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.landing-nav,.landing-auth-buttons{display:none}.desktop-logo{display:none!important}.mobile-logo{display:block!important}.landing-hamburger-btn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.landing-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;display:block;position:fixed;inset:0}.landing-drawer{z-index:1001;background-color:#fff;flex-direction:column;width:280px;height:100%;padding:24px;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-280px;right:auto;box-shadow:10px 0 30px #0f172a14}.landing-drawer.open{scrollbar-width:none;left:0;right:auto;overflow-y:auto}.landing-drawer-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.landing-drawer-header .landing-logo img{height:60px}.landing-drawer-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.landing-drawer-close-btn:hover{background-color:#f1f5f9}.landing-drawer-nav{flex-direction:column;gap:16px;margin-bottom:auto;display:flex}.landing-drawer-link{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:600;transition:all .2s}.landing-drawer-link:hover{color:var(--brand-blue);background-color:#f8fafc;padding-left:20px}.landing-drawer-auth{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;display:flex}.landing-drawer-auth .landing-btn-outline,.landing-drawer-auth .landing-btn-solid{text-align:center;border-radius:12px;justify-content:center;width:100%;padding:12px;font-weight:600}.landing-header-container .landing-logo img.mobile-logo{border-radius:8px;height:40px;display:block}.landing-header-container .landing-logo img.desktop-logo{display:none}.timeline-step .step-badge-label{text-align:center}.landing-container{padding:0 20px}.footer-bottom-bar{padding-left:16px;padding-right:16px}.faq-wrapper-block{max-width:100%;margin-left:0;margin-right:0}}@media (width<=768px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.hero-subtitle{margin:0 auto 32px}.hero-buttons{justify-content:center}.hero-mockup-area{height:400px}.mockup-wrapper{transform:scale(.9)}.floating-badge,.floating-school-building{display:none}.why-grid,.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.timeline-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;place-items:center;gap:12px;max-width:680px;margin:40px auto 0;display:grid}.timeline-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.timeline-step .step-badge-label{font-size:10px}.timeline-arrow{margin:0;font-size:16px;display:inline-block}.timeline-flow>:first-child{grid-area:1/1}.timeline-flow>:nth-child(2){grid-area:1/2;transform:none}.timeline-flow>:nth-child(3){grid-area:1/3}.timeline-flow>:nth-child(4){grid-area:1/4;transform:none}.timeline-flow>:nth-child(5){grid-area:1/5}.timeline-flow>:nth-child(6){grid-area:1/6;transform:none}.timeline-flow>:nth-child(7){grid-area:1/7}.timeline-flow>:nth-child(8){grid-area:2/7;margin:8px 0;transform:rotate(90deg)}.timeline-flow>:nth-child(9){grid-area:3/7}.timeline-flow>:nth-child(10){grid-area:3/6;transform:rotate(180deg)}.timeline-flow>:nth-child(11){grid-area:3/5}.timeline-flow>:nth-child(12){grid-area:3/4;transform:rotate(180deg)}.timeline-flow>:nth-child(13){grid-area:3/3}.pricing-options-grid{grid-template-columns:1fr;gap:28px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-details-col{order:2;gap:24px}.contact-form-col{order:1;padding:28px}}@media (width<=576px){.landing-header-container{justify-content:space-between;gap:12px;height:auto;padding:16px 20px}.landing-header{height:auto}.landing-hero-section{padding-bottom:60px}.why-section,.features-section,.how-section,.pricing-section,.about-section,.faq-section,.contact-section{padding:60px 0}.section-title{font-size:26px}.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.timeline-flow{grid-template-columns:1fr auto 1fr;place-items:center;gap:20px 4px;width:360px;max-width:100%;margin:40px auto 0;padding:0;display:grid}.timeline-step{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:120px;display:flex}.timeline-step .step-badge-label{white-space:normal;font-size:10px;line-height:1.2}.timeline-arrow{color:var(--brand-blue);margin:0;font-size:14px;display:inline-block}.timeline-flow>:first-child{grid-area:1/1}.timeline-flow>:nth-child(2){grid-area:1/2;transform:none!important}.timeline-flow>:nth-child(3){grid-area:1/3}.timeline-flow>:nth-child(4){grid-area:2/3;margin:4px 0;transform:rotate(90deg)!important}.timeline-flow>:nth-child(5){grid-area:3/3}.timeline-flow>:nth-child(6){grid-area:3/2;transform:rotate(180deg)!important}.timeline-flow>:nth-child(7){grid-area:3/1}.timeline-flow>:nth-child(8){grid-area:4/1;margin:4px 0;transform:rotate(90deg)!important}.timeline-flow>:nth-child(9){grid-area:5/1}.timeline-flow>:nth-child(10){grid-area:5/2;transform:none!important}.timeline-flow>:nth-child(11){grid-area:5/3}.timeline-flow>:nth-child(12){grid-area:6/3;margin:4px 0;transform:rotate(90deg)!important}.timeline-flow>:nth-child(13){grid-area:7/3}.why-grid{grid-template-columns:1fr}.why-section .section-title,.why-section .section-subtitle-center{text-align:left!important}.why-card{text-align:left;align-items:flex-start}.features-grid,.about-cards-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-company-info{text-align:left;align-items:flex-start}.footer-company-desc{text-align:left}.footer-social-row{justify-content:flex-start;width:auto}.footer-links-col,.footer-links-list{align-items:flex-start}.mockup-wrapper{transform:scale(.75)}.pricing-features-two-col{flex-direction:column;gap:12px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}