:root{--navy: #2b2f77;--navy-dark: #1d2058;--navy-light: #3d4296;--orange: #f2703c;--orange-dark: #e0592a;--teal: #17b3a3;--pink: #f472b6;--yellow: #f6c94c;--cream: #fff9ee;--ink: #1b1c33;--muted: #7b7d9a;--line: #e7e5f5;--danger: #e0335c;--success: #1fae6e;--radius: 18px;--radius-sm: 12px;--shadow: 0 20px 45px -20px rgba(27, 28, 51, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Poppins,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}h1,h2,h3,.script{font-family:Caveat,cursive}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit}#toast-container{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:min(360px,90vw)}.toast{display:flex;align-items:flex-start;gap:10px;background:#fff;border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow);border-left:5px solid var(--success);font-size:14px;line-height:1.4;animation:slideIn .25s ease}.toast.error{border-left-color:var(--danger)}.toast .dot{width:20px;height:20px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;background:var(--success)}.toast.error .dot{background:var(--danger)}.toast .msg strong{display:block;margin-bottom:2px;font-size:14px}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:shake .45s}.boot-splash{min-height:100vh;min-height:100dvh;background:var(--yellow);display:flex;align-items:center;justify-content:center;padding:32px 16px}.boot-splash-inner{display:flex;flex-direction:column;align-items:center;gap:18px;animation:bootFade .5s ease}.boot-logo{width:78px;height:78px;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--orange));color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 16px 36px #2b2f774d;animation:bootPulse 1.6s ease-in-out infinite}.boot-wordmark{font-family:Caveat,cursive;font-size:42px;font-weight:700;color:var(--navy);line-height:1}.boot-bar{width:150px;height:5px;border-radius:99px;background:#2b2f7729;overflow:hidden;position:relative}.boot-bar span{position:absolute;top:0;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,var(--navy),var(--orange));animation:bootSlide 1.2s ease-in-out infinite}@keyframes bootPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bootSlide{0%{left:-40%}to{left:100%}}@keyframes bootFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-screen{min-height:100vh;background:var(--yellow);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px 16px}.blob{position:absolute;opacity:.95;pointer-events:none}.blob svg{display:block;width:100%;height:100%}.b1{top:-40px;left:-40px;width:150px;height:150px}.b2{bottom:-30px;left:6%;width:120px;height:120px}.b3{top:8%;right:-30px;width:110px;height:110px}.b4{bottom:10%;right:4%;width:130px;height:130px}@media (max-width: 640px){.blob{transform:scale(.6)}.b1{top:-60px;left:-60px}.b3{top:-10px;right:-60px}.b4{bottom:-20px;right:-50px}.b2{display:none}}.auth-card{position:relative;z-index:2;width:100%;max-width:420px;background:var(--navy);border-radius:28px;padding:38px 30px 30px;box-shadow:var(--shadow);color:#fff}.auth-view{display:none}.auth-view.active{display:block;animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-title{font-size:38px;font-weight:700;line-height:1.05;margin:0 0 22px;color:#fff;white-space:nowrap}@media (max-width: 380px){.auth-title{font-size:29px}}.auth-sub{font-size:13px;color:#c9caf0;margin:-14px 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#c9caf0;margin-bottom:6px;letter-spacing:.02em}.field .input-wrap{position:relative}.phone-wrap{display:flex;gap:8px}.phone-wrap .phone-code-select{flex:none;width:100px;padding:14px 26px 14px 10px;border-radius:26px;border:1.5px solid transparent;background:#ffffff1f;color:#fff;font-size:13px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9caf0' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.phone-wrap .phone-code-select option{color:#1b1c33}.phone-wrap input{flex:1;min-width:0}.phone-wrap-sm{display:flex;gap:8px;width:100%}.field-sm .phone-code-select-sm{flex:none;width:96px;height:42px;box-sizing:border-box;padding:8px 24px 8px 10px;border-radius:10px;border:1.5px solid var(--line);background:#fbfbff;color:var(--ink);font-size:12.5px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237b7d9a' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.phone-wrap-sm input{flex:1;min-width:0;width:auto}html[data-theme=dark] .phone-code-select-sm{background-color:#23264f;border-color:#34376b;color:#eceefc}.field input,.field select{width:100%;padding:14px 16px;border-radius:26px;border:1.5px solid transparent;background:#ffffff1f;color:#fff;font-size:14px;outline:none;transition:border-color .15s,background .15s}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c9caf0' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 16px center;padding-right:38px}.field select option{color:#1b1c33}.field input::placeholder{color:#aeb0da}.field input:focus,.field select:focus{border-color:var(--teal);background:#ffffff2e}.field input.invalid,.field select.invalid{border-color:var(--danger);background:#e0335c1f}.otp-input{display:flex;gap:8px}.otp-input .otp-box{flex:1;min-width:0;width:auto;height:52px;padding:0;text-align:center;font-size:22px;font-weight:700;border-radius:14px;border:1.5px solid transparent;background:#ffffff1f;color:#fff;outline:none;caret-color:var(--orange);transition:border-color .15s,background .15s}.otp-input .otp-box:focus{border-color:var(--teal);background:#ffffff2e}.confirm-box .otp-input .otp-box{background:#f4f4fb;color:var(--navy);border:1.5px solid var(--line)}.confirm-box .otp-input .otp-box:focus{border-color:var(--teal);background:#fff}html[data-theme=dark] .confirm-box .otp-input .otp-box{background:#ffffff1f;color:#fff;border-color:transparent}html[data-theme=dark] .confirm-box .otp-input .otp-box:focus{border-color:var(--teal);background:#ffffff2e}.field .toggle-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#c9caf0;font-size:12px;font-weight:600;padding:4px}.field .confirm-match-tick{position:absolute;right:44px;top:50%;transform:translateY(-50%);color:#17b3a3;font-size:14px;pointer-events:none}.error-text{color:#ffb3c4;font-size:11.5px;margin:6px 2px 0;display:none}.field-sm .error-text{color:var(--danger)}.error-text.show{display:block}.btn{border:none;border-radius:26px;padding:14px 20px;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s}.btn:active{transform:scale(.97)}.btn-block{width:100%}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 10px 22px -8px #f2703cb3}.btn-orange:hover{background:var(--orange-dark)}.btn-ghost{background:#ffffff1a;color:#fff}.btn-ghost:hover{background:#ffffff2e}.btn[disabled]{opacity:.55;pointer-events:none}.auth-links{margin-top:16px;text-align:center;font-size:13px;color:#c9caf0}.auth-links a{color:var(--orange);font-weight:600;text-decoration:none;border-bottom:1px solid var(--orange);cursor:pointer}.auth-links .resend-cooldown{color:#8a8ab0;font-weight:600;font-variant-numeric:tabular-nums}.forgot-link{display:block;text-align:right;font-size:12px;color:#c9caf0;margin:-6px 2px 16px;cursor:pointer;text-decoration:none}.forgot-link:hover{color:var(--orange)}.back-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#c9caf0;font-size:13px;font-weight:700;cursor:pointer}.back-row:hover{color:#fff}.icon-circle{width:64px;height:64px;border-radius:50%;background:#17b3a32e;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px;color:var(--teal)}.center-text{text-align:center}.demo-note{margin-top:18px;background:#ffffff14;border:1px dashed rgba(255,255,255,.3);border-radius:12px;padding:10px 12px;font-size:11.5px;color:#c9caf0;text-align:center}.checkbox-row{display:flex;align-items:center;gap:10px;margin:4px 0 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{width:19px;height:19px;flex:none;accent-color:var(--teal);cursor:pointer}.checkbox-row span{font-size:13px;color:#e7e7fa}.gst-field{display:none}.gst-field.show{display:block}.logo-upload{display:flex;align-items:center;gap:14px;background:#ffffff14;border:1.5px dashed rgba(255,255,255,.35);border-radius:16px;padding:14px;margin-bottom:6px}.logo-preview{width:56px;height:56px;border-radius:14px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;font-size:20px;color:#c9caf0}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-upload-text{flex:1}.logo-upload-text .lu-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.logo-upload-text .lu-sub{font-size:11px;color:#c9caf0}.file-btn{background:#ffffff24;border:none;color:#fff;padding:8px 14px;border-radius:16px;font-size:12px;font-weight:600;flex:none}.file-btn:hover{background:#ffffff38}.panel .logo-upload{background:#f4f4fb;border:1.5px dashed #c3c4dc}.panel .logo-preview{background:#e8e8f4;color:var(--navy)}.panel .logo-upload-text .lu-title{color:var(--navy)}.panel .logo-upload-text .lu-sub{color:var(--muted)}.panel .file-btn{background:var(--navy);color:#fff;cursor:pointer}.panel .file-btn:hover{background:var(--orange)}html[data-theme=dark] .panel .logo-upload{background:#23264f;border-color:#34376b}html[data-theme=dark] .panel .logo-preview{background:#2d3060;color:#c9caf0}html[data-theme=dark] .panel .logo-upload-text .lu-title{color:#eceefc}.skip-link{display:block;text-align:center;margin-top:12px;font-size:12.5px;color:#c9caf0;cursor:pointer}.skip-link:hover{color:#fff}.company-grid{display:grid;grid-template-columns:1fr;gap:0}@media (min-width: 768px){.auth-card.wide{max-width:640px;padding:44px 48px 38px}.auth-card.wide .company-grid{grid-template-columns:1fr 1fr;gap:0 16px}.auth-card.wide .logo-upload{margin-bottom:14px}}:root{--navbar-h: 64px}.app-screen{min-height:100vh;background:#f4f4fb}.app-shell{display:flex;min-height:calc(100vh - var(--navbar-h))}.sidebar{width:220px;flex:none;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:sticky;top:var(--navbar-h);height:calc(100vh - var(--navbar-h));overflow-y:auto;overflow-x:hidden;transition:width .2s ease,left .3s cubic-bezier(.4,0,.2,1);z-index:100;will-change:left}.sidebar.collapsed{width:74px}.side-nav{display:flex;flex-direction:column;gap:3px;padding:16px 10px 6px;flex:1}.side-link{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;background:none;border:none;color:#c3c4ee;font-size:13.5px;font-weight:600;text-align:left;white-space:nowrap}.side-link i{width:18px;flex:none;text-align:center;font-size:15px}.side-link:hover{background:#ffffff14;color:#fff}.side-link.active{background:var(--orange);color:#fff}.sidebar.collapsed .side-link span{display:none}.sidebar.collapsed .side-link{justify-content:center}.sidebar-tools-slot{display:none;flex-direction:column;gap:8px;padding:6px 10px}.sidebar-tools-slot .nav-tools-movable{display:flex;flex-direction:column;align-items:stretch;gap:8px}.sidebar-tools-slot .icon-btn{width:100%;border-radius:12px;justify-content:flex-start;gap:10px;padding:0 12px}.sidebar-tools-slot .icon-btn:after{content:"Settings";font-size:12.5px;font-weight:600}.sidebar-tools-slot .profile-wrap{width:100%}.sidebar-tools-slot .avatar-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px}.sidebar-tools-slot .avatar-btn:hover{background:#ffffff14}.sidebar-tools-slot .avatar-btn:after{content:"My Profile";font-size:12.5px;font-weight:600;color:#c3c4ee}.sidebar-bottom{padding:10px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-toggle{width:100%;height:38px;border-radius:10px;background:#ffffff1a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.sidebar-toggle:hover{background:#fff3}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1eb3;z-index:110;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-backdrop.show{opacity:1;visibility:visible}.app-nav{height:var(--navbar-h);background:var(--navy);color:#fff;padding:0 20px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:130;box-shadow:0 4px 18px #1b1c3326}.mobile-menu-btn{display:none;width:34px;height:34px;border-radius:9px;background:#ffffff1f;border:none;color:#fff;align-items:center;justify-content:center;flex:none}.mobile-menu-btn i{font-size:16px}.app-nav-left{display:flex;align-items:center;gap:10px;flex:none}.brand-logo{width:34px;height:34px;border-radius:9px;background:#ffffff24;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:16px;flex:none}.brand-logo img{width:100%;height:100%;object-fit:cover}.brand-name{font-family:Caveat,cursive;font-size:23px;font-weight:700;white-space:nowrap}.nav-page-title{display:none;font-weight:700;font-size:18px;color:#fff;white-space:nowrap}@media (max-width: 768px){.app-screen.mobile-page-titled .app-nav-left .brand-logo,.app-screen.mobile-page-titled .app-nav-left .brand-name{display:none}.app-screen.mobile-page-titled .nav-page-title{display:block}}.app-nav-search{flex:1;max-width:420px;margin:0 auto;position:relative}.app-nav-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:#c3c4ee}.app-nav-search input{width:100%;padding:9px 14px 9px 36px;border-radius:20px;border:none;background:#ffffff24;color:#fff;font-size:13px;outline:none}.app-nav-search input::placeholder{color:#c3c4ee}.app-nav-right{display:flex;align-items:center;gap:8px;flex:none}.nav-mobile-only{display:none}.nav-notif-wrap{display:flex;align-items:center}@media (max-width: 1023px){.nav-theme-btn{display:none!important}.nav-mobile-only{display:flex}.app-nav-right{margin-left:auto}}.notif-dropdown{position:absolute;top:56px;right:12px;width:300px;max-width:calc(100vw - 24px);background:#fff;border-radius:14px;box-shadow:0 16px 44px #0a0a1e38;padding:0;z-index:200;display:none;overflow:hidden}.notif-dropdown.show{display:block;animation:fadeUp .2s ease}.notif-head{padding:14px 16px;font-weight:700;color:var(--navy);border-bottom:1px solid var(--line);font-size:14px}.notif-list{max-height:340px;overflow-y:auto}.notif-item{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:11px;align-items:flex-start}.notif-item:last-child{border-bottom:none}.notif-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}.ni-orange{background:#f2703c24;color:var(--orange)}.ni-red{background:#e0335c24;color:var(--danger)}.ni-teal{background:#17b3a324;color:#0f8478}.notif-text{font-size:12.5px;color:var(--ink);line-height:1.45}.notif-text strong{color:var(--navy)}.notif-empty{padding:26px 16px;text-align:center;color:var(--muted);font-size:12.5px}.notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:1.5px solid var(--navy)}#nav-notif-btn{position:relative}html[data-theme=dark] .notif-dropdown{background:#1b1d3f}html[data-theme=dark] .notif-head{color:#eceefc}html[data-theme=dark] .notif-text{color:#c8c9e8}html[data-theme=dark] .notif-text strong{color:#eceefc}.nav-tools-movable{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}.icon-btn:hover{background:#fff3}.icon-btn svg{width:17px;height:17px}.profile-wrap{position:relative;flex:none}.avatar-btn{background:none;border:none;padding:0;line-height:0;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;overflow:hidden;color:#fff}.avatar img{width:100%;height:100%;object-fit:cover}.profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:#fff;border-radius:16px;box-shadow:0 16px 44px #0a0a1e38;padding:18px;z-index:200;display:none;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}.profile-dropdown.show{display:block;opacity:1;transform:translateY(0)}.pd-header{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:12px}.pd-avatar{width:46px;height:46px;font-size:17px;flex:none}.pd-name{font-weight:700;color:var(--navy);font-size:14px}.pd-email{font-size:12px;color:var(--muted);word-break:break-all}.pd-rows{margin-bottom:8px}.pd-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:12.5px;color:var(--muted);border-bottom:1px dashed var(--line)}.pd-row:last-child{border-bottom:none}.pd-row strong{color:var(--navy);font-size:12.5px}.pd-link{display:block;padding:10px 0;font-weight:700;color:var(--navy);font-size:13px;cursor:pointer;border-top:1px solid var(--line);margin-top:4px}.pd-link:hover{color:var(--orange)}.profile-dropdown .profile-logout-btn{width:100%;margin-top:8px}html[data-theme=dark] .profile-dropdown{background:#1b1d3f;box-shadow:0 16px 44px #0006}html[data-theme=dark] .pd-name,html[data-theme=dark] .pd-row strong{color:#eceefc}.profile-menu-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.profile-avatar-big{position:relative;width:64px;height:64px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;overflow:hidden;flex:none;cursor:pointer}.profile-avatar-big img{width:100%;height:100%;object-fit:cover}.avatar-upload-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;background:#1414328c;border:none;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.profile-avatar-big:hover .avatar-upload-btn{opacity:1}.profile-menu-name{font-weight:700;font-size:16px;color:var(--navy)}.profile-menu-email{font-size:12.5px;color:var(--muted);word-break:break-all}.profile-info-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);padding:8px 0}.profile-info-row strong{color:var(--ink);font-weight:600;text-align:right}.profile-menu-link{display:block;padding:12px 0 4px;font-size:13.5px;color:var(--navy);font-weight:700;border-top:1px dashed var(--line);margin-top:10px;cursor:pointer}.profile-menu-link:hover{color:var(--orange)}.profile-logout-btn{width:100%;margin-top:14px;background:var(--danger);color:#fff;border:none;padding:12px;border-radius:14px;font-size:13.5px;font-weight:700}.profile-logout-btn:hover{filter:brightness(.94)}.profile-settings-btn{display:none;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:12px;background:#2b2f770f;color:var(--navy);border:none;padding:11px 12px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer}.profile-settings-btn:hover{background:#2b2f771f}html[data-theme=dark] .profile-settings-btn{background:#ffffff0f;color:#eceefc}@media (max-width: 1023px){.sidebar{position:fixed;left:-220px;top:0;height:100vh;box-shadow:4px 0 #00000026,12px 0 24px -8px #00000059;border-right:1px solid rgba(255,255,255,.08);z-index:140}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:220px}.mobile-menu-btn,.sidebar-tools-slot{display:flex}}@media (max-width: 640px){.app-nav-search{display:none}.brand-name{font-size:19px}}.mobile-tabbar{display:none}@media (max-width: 1023px){.sidebar,.mobile-menu-btn,.sidebar-backdrop,.nav-tools-movable,.profile-settings-btn{display:none!important}.brand-name{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px));overflow-x:clip}.notif-dropdown{position:fixed;top:calc(var(--navbar-h) + 6px);left:12px;right:12px;width:auto;max-width:none}.mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:950;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 20px #1b1c3314}.mobile-tab{flex:1;min-width:0;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;color:var(--muted);font-size:10px;font-weight:600;transition:color .15s ease}.mobile-tab i{font-size:18px;line-height:1}.mobile-tab-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:22px;border-radius:10px;transition:background .2s ease,transform .2s ease}.mobile-tab.active .mobile-tab-icon-wrap{background:#f2703c24;transform:translateY(-2px)}.mobile-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab.active{color:var(--orange)}.mobile-tab:active{transform:scale(.92)}.mobile-tab-notch,.mobile-tab-bubble{position:absolute;top:0;height:0;pointer-events:none;transition:transform .28s cubic-bezier(.34,1.4,.64,1)}.mobile-tab-notch-svg{position:absolute;left:50%;top:-1px;transform:translate(-50%);width:90px;height:38px;overflow:visible}.mobile-tab-notch-svg path{fill:#f4f4fb}.mobile-tab-bubble{display:flex;justify-content:center;top:-24px}.mobile-tab-bubble-circle{width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:19px;box-shadow:0 6px 16px #1b1c332e}}.more-profile-card{display:flex;align-items:center;gap:14px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}.more-profile-avatar{width:48px;height:48px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:none;overflow:hidden}.more-profile-avatar img{width:100%;height:100%;object-fit:cover}.more-profile-name{font-weight:700;font-size:15px}.more-profile-company{font-size:12.5px;color:#ffffffbf;margin-top:2px}.more-menu-list{display:flex;flex-direction:column;gap:10px}.more-menu-row{display:flex;align-items:center;gap:14px;width:100%;background:#fff;border:none;padding:14px 16px;border-radius:var(--radius);cursor:pointer;text-align:left;box-shadow:0 4px 18px #1b1c330f}.more-menu-badge{width:42px;height:42px;border-radius:12px;flex:none;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center}.more-menu-text{display:flex;flex-direction:column;flex:1;min-width:0}.more-menu-title{font-size:14.5px;font-weight:700;color:var(--navy)}.more-menu-sub{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-menu-row:active{background:#f4f4fb}html[data-theme=dark] .more-menu-row{background:#1b1d3f;box-shadow:0 4px 18px #00000040}html[data-theme=dark] .more-menu-title{color:#eceefc}html[data-theme=dark] .more-menu-sub{color:#9fa1cf}html[data-theme=dark] .more-menu-row:active{background:#23264f}@media (max-width: 768px){.fab{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}html[data-theme=dark] .mobile-tabbar{background:#1b1d3f;border-top-color:#34376b;box-shadow:0 -4px 20px #0006}html[data-theme=dark] .mobile-tab{color:#9fa1cf}html[data-theme=dark] .mobile-tab.active{color:var(--orange)}html[data-theme=dark] .mobile-tab-notch-svg path{fill:#11132b}html[data-theme=dark] .mobile-tab-bubble-circle{background:#1b1d3f;box-shadow:0 6px 16px #0006}.page{display:none}.page.active{display:block;animation:fadeUp .3s ease}.subview{display:none}.subview.active{display:block;animation:fadeUp .3s ease}.back-link{display:flex;align-items:center;gap:8px;color:var(--navy);font-weight:700;font-size:13.5px;cursor:pointer;margin-bottom:14px}.back-link:hover{color:var(--orange)}html[data-theme=dark] .back-link{color:#7dd8cd}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 768px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px}}.gs-wrap{max-width:680px;margin:0 auto;padding:8px 0 40px}.gs-header h1{font-size:30px;color:var(--navy);margin:0 0 6px}.gs-header p{color:var(--muted);font-size:14.5px;margin:0 0 22px}.gs-progress-card{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 2px 12px #0a0a1e0d;margin-bottom:18px}.gs-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.gs-progress-label{font-size:13.5px;font-weight:700;color:var(--navy)}.gs-progress-pct{font-size:13.5px;font-weight:800;color:var(--teal)}.gs-progress-track{height:9px;border-radius:99px;background:#ececf4;overflow:hidden}.gs-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--orange));transition:width .4s ease}.gs-steps{display:flex;flex-direction:column;gap:12px}.gs-step{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 2px 12px #0a0a1e0d;border:1px solid transparent;transition:border-color .15s}.gs-step.done{border-color:#17b3a359;background:#17b3a30a}.gs-step-icon{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#2b2f7714;color:var(--navy)}.gs-step.done .gs-step-icon{background:var(--teal);color:#fff}.gs-step-body{flex:1;min-width:0}.gs-step-title{font-size:15px;font-weight:700;color:var(--navy)}.gs-step-desc{font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.45}.gs-step-status{font-size:12.5px;font-weight:800;color:var(--teal);flex:none}.gs-skip{text-align:center;margin-top:22px}.gs-skip a{color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline}.gs-skip a:hover{color:var(--navy)}html[data-theme=dark] .gs-progress-card,html[data-theme=dark] .gs-step{background:#1b1d3f}html[data-theme=dark] .gs-header h1,html[data-theme=dark] .gs-step-title,html[data-theme=dark] .gs-progress-label{color:#eceefc}@media (max-width: 560px){.gs-step{flex-wrap:wrap}.gs-step .btn{width:100%;margin-top:4px}}.cf-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.cf-header select{padding:8px 32px 8px 14px;border-radius:20px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600;color:var(--navy);background:#fbfbff;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237b7d9a' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.cf-summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px;font-size:13px;color:var(--muted)}.cf-summary strong{color:var(--ink);margin-left:6px;font-size:14px}.cf-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-header i{color:var(--muted);font-size:13px;transition:transform .2s ease}.collapsible-header i.open{transform:rotate(180deg)}html[data-theme=dark] .collapsible-header i{color:#9fa1cf}html[data-theme=dark] .cf-header select{background-color:#23264f;border-color:#34376b;color:#eceefc}html[data-theme=dark] .cf-summary{color:#9fa1cf}html[data-theme=dark] .cf-summary strong{color:#eceefc}.stat-card{background:#fff;border-radius:var(--radius);padding:18px 20px;box-shadow:0 4px 18px #1b1c330f;min-width:0}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px;font-weight:700}.stat-value{font-size:clamp(16px,4.2vw,26px);font-weight:700;color:var(--navy);overflow-wrap:break-word}.app-user{display:flex;align-items:center;gap:12px;font-size:13px}.logout-btn{background:#ffffff1f;border:none;color:#fff;padding:8px 14px;border-radius:20px;font-size:12.5px;font-weight:600}.logout-btn:hover{background:#fff3}.app-main{flex:1;min-width:0;max-width:1600px;margin:0 auto;padding:22px 16px 60px}.page-loading{display:flex;align-items:center;justify-content:center;padding:80px 0;font-size:28px;color:var(--muted)}.app-header-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-header-row h1{margin:0;font-size:32px;color:var(--navy)}.app-header-row p{margin:2px 0 0;color:var(--muted);font-size:13px}.tabs{display:none;gap:8px;background:#fff;padding:5px;border-radius:24px;box-shadow:0 2px 10px #0000000f;width:fit-content}.tabs button{border:none;background:none;padding:9px 18px;border-radius:20px;font-size:13px;font-weight:600;color:var(--muted)}.tabs button.active{background:var(--navy);color:#fff}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.panel{background:#fff;border-radius:var(--radius);box-shadow:0 4px 18px #1b1c330f;padding:22px}.panel h3{margin:0 0 16px;font-size:15px;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;font-family:Poppins;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-sm{margin-bottom:12px;position:relative}.field-sm label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:5px;font-weight:600}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.field-label-row label{margin-bottom:0}.field-config-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:var(--teal);font-size:11px;font-weight:700;padding:0}.field-config-btn i{font-size:11px}.field-config-btn:hover{color:#0f8478}.field-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.45}.field-hint i{color:var(--teal);margin-top:1px;font-size:11px;flex:none}html[data-theme=dark] .field-hint{color:#9fa1cf}.field-sm input,.field-sm textarea,.field-sm select{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);font-size:13.5px;outline:none;background:#fbfbff;color:var(--ink);height:42px;box-sizing:border-box;transition:border-color .15s ease}.field-sm textarea{height:auto}.field-sm select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237b7d9a' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.field-sm select:hover{border-color:#c3c4dc}.field-sm input:focus,.field-sm textarea:focus,.field-sm select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17b3a31f}.field-sm input.invalid,.field-sm select.invalid,.field-sm textarea.invalid{border-color:var(--danger)!important;border-width:2px;background:#e0335c1a;box-shadow:0 0 0 3px #e0335c26}.field-sm textarea{resize:vertical;min-height:56px}.section-gap{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}.field-sm .toggle-eye{position:absolute;right:12px;top:39px;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;padding:4px;cursor:pointer}.field-sm .confirm-match-tick{position:absolute;right:40px;top:39px;transform:translateY(-50%);color:var(--teal);font-size:14px;pointer-events:none}html[data-theme=dark] .field-sm .toggle-eye{color:#9fa1cf}.neo-toggle-container{--toggle-width: 80px;--toggle-height: 38px;--toggle-bg: #181c20;--toggle-off-color: #475057;--toggle-on-color: #36f9c7;--toggle-transition: .4s cubic-bezier(.25, 1, .5, 1);position:relative;display:inline-flex;flex-direction:column;font-family:Segoe UI,Tahoma,sans-serif;-webkit-user-select:none;user-select:none;margin-bottom:28px}.neo-toggle-input{position:absolute;opacity:0;width:0;height:0}.neo-toggle{position:relative;width:var(--toggle-width);height:var(--toggle-height);display:block;cursor:pointer;transform:translateZ(0);perspective:500px}.neo-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--toggle-height) / 2);overflow:hidden;transform-style:preserve-3d;transform:translateZ(-1px);transition:transform var(--toggle-transition);box-shadow:0 2px 10px #00000080,inset 0 0 0 1px #ffffff1a}.neo-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--toggle-bg);background-image:linear-gradient(-45deg,#141414cc,#1e1e1e4d,#141414cc);opacity:1;transition:all var(--toggle-transition)}.neo-grid-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(71,80,87,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(71,80,87,.05) 1px,transparent 1px);background-size:5px 5px;opacity:0;transition:opacity var(--toggle-transition)}.neo-track-highlight{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--toggle-height) / 2);background:linear-gradient(90deg,transparent,rgba(54,249,199,0));opacity:0;transition:all var(--toggle-transition)}.neo-spectrum-analyzer{position:absolute;bottom:6px;right:10px;height:10px;display:flex;align-items:flex-end;gap:2px;opacity:0;transition:opacity var(--toggle-transition)}.neo-spectrum-bar{width:2px;height:3px;background-color:var(--toggle-on-color);opacity:.8}.neo-thumb{position:absolute;top:4px;left:4px;width:30px;height:30px;border-radius:50%;transform-style:preserve-3d;transition:transform var(--toggle-transition);z-index:1}.neo-thumb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:var(--toggle-off-color);box-shadow:0 2px 10px #0003;transition:all var(--toggle-transition)}.neo-thumb-core{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transition:all var(--toggle-transition);overflow:hidden;display:flex;align-items:center;justify-content:center}.neo-thumb-icon{position:relative;width:10px;height:10px;transition:all var(--toggle-transition)}.neo-thumb-wave{position:absolute;top:50%;left:50%;width:10px;height:2px;background:var(--toggle-off-color);transform:translate(-50%,-50%);transition:all var(--toggle-transition)}.neo-thumb-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--toggle-off-color);transform:scale(0);opacity:0;transition:all var(--toggle-transition)}.neo-gesture-area{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:0}.neo-interaction-feedback{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.neo-ripple{position:absolute;top:50%;left:30%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--toggle-on-color) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:all .4s ease-out}.neo-progress-arc{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;border:2px solid transparent;border-top-color:var(--toggle-on-color);transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0;transition:opacity .3s ease,transform .5s ease}.neo-status{position:absolute;bottom:-20px;left:0;width:100%;display:flex;justify-content:center}.neo-status-indicator{display:flex;align-items:center;gap:4px}.neo-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--toggle-off-color);transition:all var(--toggle-transition)}.neo-status-text{font-size:9px;font-weight:600;color:var(--toggle-off-color);letter-spacing:1px;transition:all var(--toggle-transition)}.neo-value-display{position:absolute;top:-22px;right:0;font-size:12px;font-weight:500;color:var(--toggle-off-color);opacity:0;transform:translateY(5px);transition:all var(--toggle-transition)}.neo-value-text{transition:all var(--toggle-transition)}.neo-toggle-input:checked+.neo-toggle .neo-thumb{transform:translate(calc(var(--toggle-width) - 38px))}.neo-toggle-input:checked+.neo-toggle .neo-thumb-ring{background-color:var(--toggle-on-color);border-color:#36f9c74d;box-shadow:0 0 15px #36f9c780}.neo-toggle-input:checked+.neo-toggle .neo-thumb-wave{height:8px;width:8px;border-radius:50%;background:transparent;border:1px solid #fff}.neo-toggle-input:checked+.neo-toggle .neo-thumb-pulse{transform:scale(1.2);opacity:.3;animation:neo-pulse 1.5s infinite}.neo-toggle-input:checked+.neo-toggle .neo-track-highlight{background:linear-gradient(90deg,transparent,rgba(54,249,199,.2));opacity:1}.neo-toggle-input:checked+.neo-toggle .neo-grid-layer{opacity:1}.neo-toggle-input:checked+.neo-toggle .neo-spectrum-analyzer{opacity:1}.neo-toggle-input:checked+.neo-toggle .neo-spectrum-bar:nth-child(1){animation:neo-spectrum .9s infinite}.neo-toggle-input:checked+.neo-toggle .neo-spectrum-bar:nth-child(2){animation:neo-spectrum .8s .1s infinite}.neo-toggle-input:checked+.neo-toggle .neo-spectrum-bar:nth-child(3){animation:neo-spectrum 1.1s .2s infinite}.neo-toggle-input:checked+.neo-toggle .neo-spectrum-bar:nth-child(4){animation:neo-spectrum .7s .1s infinite}.neo-toggle-input:checked+.neo-toggle .neo-spectrum-bar:nth-child(5){animation:neo-spectrum .9s .15s infinite}.neo-toggle-input:checked+.neo-toggle .neo-status-dot{background-color:var(--toggle-on-color);box-shadow:0 0 8px var(--toggle-on-color)}.neo-toggle-input:checked+.neo-toggle .neo-status-text{color:var(--toggle-on-color)}.neo-toggle-input:checked+.neo-toggle+.neo-value-display{opacity:1;transform:translateY(0)}.neo-toggle-input:checked+.neo-toggle+.neo-value-display .neo-value-text{color:var(--toggle-on-color)}.neo-toggle:hover .neo-thumb-ring{transform:scale(1.05)}.neo-toggle.neo-dragging .neo-track{transform:translateZ(-1px) scale(1.02)}.neo-toggle.neo-dragging .neo-thumb{transition:none}@keyframes neo-pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:.2}to{transform:scale(1);opacity:.5}}@keyframes neo-spectrum{0%{height:3px}50%{height:8px}to{height:3px}}.neo-toggle.neo-activated .neo-ripple{width:100px;height:100px;opacity:.5;transition:all .6s ease-out}.neo-toggle.neo-progress .neo-progress-arc{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(270deg);transition:opacity .3s ease,transform 1s ease}.neo-toggle-input:checked+.neo-toggle .neo-status-text:before{content:"ACTIVE"}.neo-toggle-input:not(:checked)+.neo-toggle .neo-status-text:before{content:"STANDBY"}.login-activity-list{display:flex;flex-direction:column;gap:10px}.login-activity-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line)}.login-activity-icon{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#2b2f7714;color:var(--navy);font-size:14px}.login-activity-info{flex:1;min-width:0}.login-activity-device{font-size:13.5px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.login-activity-meta{font-size:12px;color:var(--muted);margin-top:2px}.login-activity-badge{font-size:10.5px;font-weight:700;color:var(--teal);background:#17b3a31f;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.login-activity-loggedout{font-size:12px;font-weight:600;color:var(--muted);flex:none}html[data-theme=dark] .login-activity-row{border-color:#34376b}html[data-theme=dark] .login-activity-icon{background:#ffffff1a;color:#eceefc}html[data-theme=dark] .login-activity-device{color:#eceefc}.items-table{width:100%;border-collapse:collapse}.items-table th{font-size:10.5px;text-transform:uppercase;color:var(--muted);text-align:left;padding:0 6px 8px;letter-spacing:.03em}.items-table td{padding:5px 6px;vertical-align:top}.items-table input{width:100%;padding:9px 10px;border-radius:9px;border:1.5px solid var(--line);font-size:13px;background:#fbfbff}.items-table .amt-col-cell{padding:5px 6px;vertical-align:middle}.items-table .amt-col{display:block;box-sizing:border-box;width:100%;font-weight:600;font-size:13px;padding:9px 10px;white-space:nowrap;color:var(--navy);border-radius:9px;border:1.5px solid var(--line);background:#fbfbff;line-height:1.3}.row-del{background:none;border:none;color:var(--danger);font-size:16px;padding:6px}.add-item-btn{margin-top:8px;background:none;border:1.5px dashed var(--teal);color:var(--teal);border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:600;width:100%}.add-item-btn:hover{background:#17b3a314}.totals{margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}.totals .row{display:flex;justify-content:space-between;color:var(--muted)}.totals .row.grand{color:var(--navy);font-weight:700;font-size:18px;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}.totals input{width:70px;padding:6px 8px;border-radius:8px;border:1.5px solid var(--line);font-size:12.5px;text-align:right}.actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn-small{padding:11px 16px;font-size:13px;border-radius:22px}.btn-outline{background:#fff;border:1.5px solid var(--navy);color:var(--navy)}.theme-segment{display:flex;gap:6px;background:#f4f4fb;border-radius:12px;padding:5px;max-width:420px}.theme-seg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-seg-btn.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px #1b1c331a}html[data-theme=dark] .theme-segment{background:#12132c}html[data-theme=dark] .theme-seg-btn{color:#9fa1cf}html[data-theme=dark] .theme-seg-btn.active{background:#23264f;color:#fff}.btn-outline:hover{background:var(--navy);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{filter:brightness(.94)}#invoice-preview,#invoice-view-preview{background:#fff;border-radius:var(--radius);padding:14px;box-sizing:border-box}.inv-doc{--doc-accent: var(--navy);--doc-bg: #ffffff;--doc-ink: #2a2a2a;background:var(--doc-bg);color:var(--doc-ink);padding:46px 28px 44px;font-size:12.5px;line-height:1.6;font-family:Poppins,sans-serif;border:1.5px solid #1b1c33;border-radius:6px;box-sizing:border-box;width:100%;overflow:hidden;position:relative}.inv-doc:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(90deg,var(--doc-accent) 0%,var(--doc-accent) 62%,var(--orange) 62%,var(--orange) 80%,var(--teal) 80%,var(--teal) 100%)}.inv-doc:after{content:"";position:absolute;bottom:0;left:0;right:0;height:16px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal) 20%,var(--orange) 20%,var(--orange) 38%,var(--doc-accent) 38%,var(--doc-accent) 100%)}.inv-doc-corporate{padding:34px 30px;border:1.5px solid #1b1c33}.inv-doc-corporate:before{height:0;background:none}.inv-doc-corporate:after{height:0;background:none}.inv-doc-corporate{--doc-accent: #1b1c33}.inv-doc-corporate .inv-doc-top{border-bottom:2px solid #1b1c33;padding-bottom:16px;margin-bottom:22px}.inv-doc-corporate .inv-doc-title{letter-spacing:3px;font-weight:700}.inv-doc-corporate .inv-doc-table thead tr{background:#1b1c33!important}.inv-doc-corporate .inv-doc-subject{background:#f4f4f6;border-left:3px solid #1b1c33}.inv-doc-corporate .inv-doc-total-grand{color:#1b1c33}.inv-doc-corporate .inv-doc-logo{border-radius:0}.inv-doc-creative{padding:34px 30px 34px 46px;border:none;box-shadow:0 0 0 1px var(--line)}.inv-doc-creative:before{top:0;bottom:0;left:0;right:auto;width:14px;height:auto;background:linear-gradient(180deg,var(--teal),var(--navy),var(--orange))}.inv-doc-creative:after{height:0;background:none}.inv-doc-creative{--doc-accent: #17b3a3}.inv-doc-creative .inv-doc-title{color:var(--orange);font-style:italic}.inv-doc-creative .inv-doc-table thead tr{background:var(--teal)!important}.inv-doc-creative .inv-doc-subject{background:#17b3a31a;border-radius:10px}.inv-doc-creative .inv-doc-addr-box{border-color:var(--teal);border-radius:12px}.inv-doc-creative .inv-doc-total-grand{color:var(--orange)}.inv-doc-creative .inv-doc-logo{border-color:var(--teal);color:var(--teal);border-radius:12px}.inv-doc-minimal{padding:40px 34px;border:none;box-shadow:0 0 0 1px #eeeef4}.inv-doc-minimal:before{height:0;background:none}.inv-doc-minimal:after{height:0;background:none}.inv-doc-minimal{--doc-accent: #2b2f77}.inv-doc-minimal .inv-doc-title{font-weight:600;letter-spacing:4px;font-size:30px;color:#3a3a4a}.inv-doc-minimal .inv-doc-table thead tr{background:none!important}.inv-doc-minimal .inv-doc-table th{background:none!important;color:#9a9ab0!important;border-bottom:2px solid #eeeef4}.inv-doc-minimal .inv-doc-subject{background:none;padding-left:0;border-bottom:1px solid #eeeef4;border-radius:0}.inv-doc-minimal .inv-doc-addr-box{border:none;padding-left:0}.inv-doc-minimal .inv-doc-logo{border:none;background:#f4f4f8;border-radius:10px;color:#9a9ab0}.inv-doc-minimal .inv-doc-total-grand{color:#2b2f77}.inv-doc-elegant{padding:38px 34px;border:1px solid #c9a86a}.inv-doc-elegant:before{height:4px;background:linear-gradient(90deg,#c9a86a,#e6cfa0,#c9a86a)}.inv-doc-elegant:after{height:4px;background:linear-gradient(90deg,#c9a86a,#e6cfa0,#c9a86a)}.inv-doc-elegant{--doc-accent: #8a6d3b}.inv-doc-elegant,.inv-doc-elegant .inv-doc-title,.inv-doc-elegant .inv-doc-label,.inv-doc-elegant h1,.inv-doc-elegant strong{font-family:Georgia,Times New Roman,serif!important}.inv-doc-elegant .inv-doc-title{font-weight:700;letter-spacing:2px;color:#8a6d3b}.inv-doc-elegant .inv-doc-table thead tr{background:#8a6d3b!important}.inv-doc-elegant .inv-doc-subject{background:#faf6ee;border-left:3px solid #c9a86a}.inv-doc-elegant .inv-doc-addr-box{border-color:#e0d3b8}.inv-doc-elegant .inv-doc-total-grand{color:#8a6d3b}.inv-doc-elegant .inv-doc-logo{border-color:#c9a86a;color:#8a6d3b}.inv-doc-modern{padding:0 0 34px;border:none;box-shadow:0 0 0 1px var(--line);overflow:hidden}.inv-doc-modern:before{height:0;background:none}.inv-doc-modern:after{height:0;background:none}.inv-doc-modern{--doc-accent: #5b21b6}.inv-doc-modern .inv-doc-stamp{top:96px}.inv-doc-modern .inv-doc-top{background:linear-gradient(120deg,#5b21b6,#7c3aed);margin:0 0 22px;padding:30px 34px}.inv-doc-modern .inv-doc-title{color:#fff;font-weight:800}.inv-doc-modern .inv-doc-logo{border-color:#fff9;color:#fff}.inv-doc-modern .inv-doc-meta-row,.inv-doc-modern .inv-doc-subject,.inv-doc-modern .inv-doc-addr-row,.inv-doc-modern .inv-doc-table,.inv-doc-modern .inv-doc-totals-wrap,.inv-doc-modern .inv-doc-words,.inv-doc-modern .inv-doc-signature-row,.inv-doc-modern .inv-doc-disclaimer{margin-left:34px;margin-right:34px}.inv-doc-modern .inv-doc-table{width:calc(100% - 68px)}.inv-doc-modern .inv-doc-table thead tr{background:#5b21b6!important}.inv-doc-modern .inv-doc-subject{background:#f3ecfd;border-radius:8px}.inv-doc-modern .inv-doc-total-grand{color:#5b21b6}.inv-doc-redline{padding:34px 30px 40px;border:none;box-shadow:0 0 0 1px #eee}.inv-doc-redline:before{height:0;background:none}.inv-doc-redline:after{height:14px;background:linear-gradient(100deg,#e0335c,#e0335c 30%,#2b2f3a 30%,#2b2f3a)}.inv-doc-redline{--doc-accent: #e0335c}.inv-doc-redline .inv-doc-title{color:#e0335c;font-weight:800;font-size:40px}.inv-doc-redline .inv-doc-table thead tr,.inv-doc-redline .inv-doc-table th{background:#2b2f3a!important}.inv-doc-redline .inv-doc-table tbody tr:nth-child(2n){background:#f6f6f8}.inv-doc-redline .inv-doc-subject{background:#fdeef2;border-left:3px solid #e0335c}.inv-doc-redline .inv-doc-addr-box{border-color:#f0d0d8}.inv-doc-redline .inv-doc-total-grand{color:#e0335c}.inv-doc-redline .inv-doc-logo{border-color:#e0335c;color:#e0335c}.inv-doc-executive{padding:0 0 34px;border:1px solid #1b1c1c}.inv-doc-executive:before{height:0;background:none}.inv-doc-executive:after{height:14px;background:#1b1c1c}.inv-doc-executive{--doc-accent: #1b1c1c}.inv-doc-executive .inv-doc-top{background:#1b1c1c;padding:22px 30px;margin:0 0 20px;align-items:center}.inv-doc-executive .inv-doc-title{color:#fff;font-weight:800;letter-spacing:1px}.inv-doc-executive .inv-doc-logo{border-color:#ffffff80;color:#fff}.inv-doc-executive .inv-doc-meta-row,.inv-doc-executive .inv-doc-subject,.inv-doc-executive .inv-doc-addr-row,.inv-doc-executive .inv-doc-table,.inv-doc-executive .inv-doc-totals-wrap,.inv-doc-executive .inv-doc-words,.inv-doc-executive .inv-doc-signature-row,.inv-doc-executive .inv-doc-disclaimer{margin-left:30px;margin-right:30px}.inv-doc-executive .inv-doc-table{width:calc(100% - 60px)}.inv-doc-executive .inv-doc-table thead tr,.inv-doc-executive .inv-doc-table th{background:#1b1c1c!important}.inv-doc-executive .inv-doc-table td,.inv-doc-executive .inv-doc-table th{border:1px solid #ddd}.inv-doc-executive .inv-doc-subject{background:#f2f2f2;border-left:3px solid #1b1c1c}.inv-doc-executive .inv-doc-total-grand{color:#1b1c1c}.inv-doc-goldline{padding:36px 32px 40px;border:none;box-shadow:0 0 0 1px #f0e8d6}.inv-doc-goldline:before{height:0;background:none}.inv-doc-goldline:after{height:14px;background:linear-gradient(90deg,#d4af37,#e8d199,#d4af37)}.inv-doc-goldline{--doc-accent: #b8901f}.inv-doc-goldline .inv-doc-title{color:#2a2a2a;font-weight:600;letter-spacing:3px;font-size:34px}.inv-doc-goldline .inv-doc-table thead tr{background:none!important}.inv-doc-goldline .inv-doc-table th{background:none!important;color:#2a2a2a!important;border-bottom:2px solid #d4af37}.inv-doc-goldline .inv-doc-table tbody td{border-bottom:1px solid #f0e8d6}.inv-doc-goldline .inv-doc-subject{background:#fdfaf0;border-left:3px solid #d4af37}.inv-doc-goldline .inv-doc-addr-box{border-color:#ecdfc0}.inv-doc-goldline .inv-doc-total-grand{color:#b8901f}.inv-doc-goldline .inv-doc-logo{border-color:#d4af37;color:#b8901f}.inv-doc-goldline .inv-doc-sig-line{border-top-color:#d4af37}.inv-doc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.inv-doc-title{font-family:Poppins,sans-serif;font-weight:800;font-size:38px;letter-spacing:1px;color:var(--doc-accent)}.inv-doc-logo{width:56px;height:56px;border:1.5px solid var(--doc-accent);color:var(--doc-accent);display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:700;line-height:1.1;flex:none;overflow:hidden;border-radius:8px}.inv-doc-logo img{width:100%;height:100%;object-fit:cover}.inv-doc-meta-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.inv-doc-meta-right{text-align:right}.inv-doc-meta-left div,.inv-doc-meta-right div{margin-bottom:3px}.inv-doc-parties-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.inv-doc-addr-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.inv-doc-addr-box{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.55}.inv-doc-addr-box strong{display:block;margin-bottom:2px;font-size:12.5px}.inv-doc-from-block{text-align:right}.inv-doc-subject{margin-bottom:18px;padding:10px 14px;background:#f4f4fb;border-radius:8px;font-size:12.5px}.inv-doc-ship-to{margin-bottom:20px;padding-top:12px;border-top:1px dashed var(--line)}.inv-doc-label{font-weight:700;margin-bottom:5px;color:var(--doc-accent);text-transform:uppercase;font-size:10.5px;letter-spacing:.04em}.inv-doc-table{width:100%;border-collapse:collapse;margin-bottom:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.inv-doc-table th{background:var(--doc-accent);color:#fff;text-transform:uppercase;font-size:11px;font-weight:700;padding:10px 12px;text-align:left}.inv-doc-table th:not(:first-child),.inv-doc-table td:not(:first-child){text-align:right}.inv-doc-table td{padding:11px 12px;border-bottom:1px solid var(--line);min-height:20px}.inv-doc-totals-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border:none;border-top:1px solid var(--line)}.inv-doc-bank{flex:1;padding:14px 16px 0;font-size:11.5px;color:var(--muted)}.inv-doc-bank div{margin-bottom:3px}.inv-doc-bank-table{flex:1;max-width:300px;border-collapse:separate;border-spacing:0;font-size:11px;align-self:flex-start;margin-top:14px;margin-left:32px;border-radius:8px;overflow:hidden}.inv-doc-bank-table th{background:var(--doc-accent);color:#fff;text-align:center;padding:6px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--doc-accent)}.inv-doc-bank-table td{padding:6px 10px;border:1px solid var(--line);color:var(--ink)}.inv-doc-bank-table td:first-child{font-weight:700;color:var(--muted);width:42%;white-space:nowrap}.inv-doc-totals{flex:none;min-width:260px}.inv-doc-totals-row{display:flex;justify-content:flex-end;gap:22px;padding:8px 12px;border-bottom:1px solid var(--line)}.inv-doc-totals-row span:first-child{color:var(--muted)}.inv-doc-total-grand{font-weight:800;font-size:15px;color:var(--doc-accent);border-bottom:none}.inv-doc-footer-row{display:flex;justify-content:space-between;gap:20px;margin-top:26px}.inv-doc-contact{text-align:right}.inv-doc-terms,.inv-doc-contact{max-width:48%;font-size:11.5px;color:var(--muted)}.inv-doc{position:relative}.inv-doc-stamp{position:absolute;top:72px;left:50%;transform:translate(-50%) rotate(-16deg);font-size:32px;font-weight:800;letter-spacing:3px;padding:6px 22px;border:4px solid;border-radius:12px;opacity:.6;text-transform:uppercase;pointer-events:none;z-index:6;white-space:nowrap}.inv-doc-top,.inv-doc-meta-row,.inv-doc-subject,.inv-doc-addr-row,.inv-doc-table,.inv-doc-totals-wrap,.inv-doc-words,.inv-doc-signature-row,.inv-doc-disclaimer{position:relative;z-index:1}.stamp-paid{color:#1fae6e;border-color:#1fae6e}.stamp-unpaid{color:#f2703c;border-color:#f2703c}.stamp-overdue{color:#e0335c;border-color:#e0335c}.stamp-sent{color:#8b5e3c;border-color:#8b5e3c}.stamp-draft{color:#8a8ca8;border-color:#8a8ca8}.inv-doc-words{margin-top:14px;padding:10px 14px;background:#f4f4fb;border-radius:8px;font-size:12px;color:var(--doc-ink)}.inv-doc-words strong{color:var(--doc-accent)}.inv-doc-signature-row{display:flex;justify-content:space-between;gap:20px;margin-top:24px;align-items:flex-end}.inv-doc-signature-row .inv-doc-terms{max-width:55%}.inv-doc-signature{text-align:center;min-width:180px}.inv-doc-sig-img{max-height:56px;max-width:170px;object-fit:contain;display:block;margin:0 auto 4px}.inv-doc-sig-space{height:44px}.inv-doc-sig-line{border-top:1.5px solid var(--doc-ink);margin-bottom:5px}.inv-doc-sig-label{font-size:11px;font-weight:700;color:var(--doc-accent);text-transform:uppercase;letter-spacing:.03em}.inv-doc-sig-name{font-size:11.5px;color:var(--muted);margin-top:2px}.inv-doc-disclaimer{text-align:center;font-style:italic;font-size:11px;color:var(--muted);margin-top:26px}.empty-line{color:#c3c4dc;font-style:italic}.saved-list{margin-top:14px;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow:auto}.saved-item{display:flex;justify-content:space-between;align-items:center;background:#fbfbff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12.5px}.saved-item strong{display:block;color:var(--navy);font-size:13px}.saved-item .sa-actions{display:flex;gap:6px}.sa-btn{border:none;background:none;font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:8px;color:var(--teal)}.sa-btn.del{color:var(--danger)}.sa-btn:hover{background:#0000000d}.invoice-dash-table{width:100%;border-collapse:collapse;min-width:820px}.invoice-view-split{display:grid;grid-template-columns:30% 70%;gap:20px;align-items:start}.show-mobile{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-invoice-cards.show-mobile{display:flex!important}}.mobile-invoice-cards{flex-direction:column;gap:10px}.mobile-inv-card{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 40px 14px 14px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}.mobile-inv-card:active{background:#f4f4fb}.mic-left{min-width:0;flex:1}.mic-customer{font-weight:700;color:var(--navy);font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-meta{font-size:11.5px;color:var(--muted);line-height:1.6}.mic-meta span{display:inline-block}.mic-right{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.mic-amount{font-weight:800;color:var(--navy);font-size:15px;white-space:nowrap}.pay-method-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#0f8478;background:#17b3a31f;padding:3px 9px;border-radius:10px;white-space:nowrap}.pay-method-tag i{font-size:10px}html[data-theme=dark] .pay-method-tag{background:#17b3a333;color:#4fd8c8}html[data-theme=dark] .mobile-inv-card{background:#1b1d3f;border-color:#34376b}html[data-theme=dark] .mic-customer,html[data-theme=dark] .mic-amount{color:#eceefc}.fab{position:fixed;bottom:22px;right:22px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#ff8f5e);color:#fff;border:none;cursor:pointer;font-size:22px;box-shadow:0 8px 24px #f2703c73;z-index:900;display:none;align-items:center;justify-content:center;transition:transform .15s ease}.fab:active{transform:scale(.92)}@media (max-width: 768px){.fab{display:flex!important}}#page-item:has(#item-view-form.active) .fab-item{display:none!important}#page-customer:has(#customer-view-form.active) .fab-customer{display:none!important}body.no-manageItems .fab-item,body.no-manageCustomers .fab-customer{display:none!important}@media (max-width: 1023px){.invoice-view-split{grid-template-columns:1fr}}.invoice-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.detail-invoice-heading{display:none;font-size:20px;font-weight:800;color:var(--navy);margin-bottom:14px}html[data-theme=dark] .detail-invoice-heading{color:#eceefc}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{filter:brightness(1.1)}@media (max-width: 768px){.invoice-detail-actions{gap:8px}.detail-action-btn,.detail-preview-btn{flex:1 1 calc(50% - 4px);justify-content:center;min-width:0}}.mobile-preview-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1ebf;z-index:2100;flex-direction:column;padding:0}.mobile-preview-overlay.show{display:flex}.mobile-preview-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--navy);color:#fff;font-weight:700;font-size:15px;flex:none}.mobile-preview-close{background:#ffffff26;border:none;color:#fff;width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px}.mobile-preview-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px;background:#e9e9f2;-webkit-overflow-scrolling:touch}.invoice-detail-split{display:grid;grid-template-columns:30% 70%;gap:20px;align-items:start}.invoice-detail-right{display:flex;flex-direction:column;gap:20px}.pay-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:var(--muted);border-bottom:1px dashed var(--line)}.pay-summary-row strong{color:var(--navy);font-size:14px}.pay-summary-divider{height:1px;background:var(--line);margin:8px 0}.pay-progress-label{font-size:11.5px;color:var(--muted);text-align:right;margin-top:4px;font-weight:600}.pay-balance-row strong{font-size:16px}.pay-progress-track{height:8px;background:var(--line);border-radius:6px;overflow:hidden;margin:14px 0 6px}.pay-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#2fd0bf);border-radius:6px;width:0%;transition:width .3s ease}.pay-history-title{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--muted);margin:16px 0 8px}.pay-history-list{display:flex;flex-direction:column;gap:8px}.pay-history-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#f4f4fb;border-radius:9px;font-size:12.5px}.pay-history-amount{font-weight:700;color:var(--teal)}.pay-history-meta{color:var(--muted);font-size:11.5px}.pay-history-del{background:none;border:none;color:var(--danger);cursor:pointer;font-size:12px;padding:2px 6px}.pay-dialog-balance{background:#f4f4fb;border-radius:9px;padding:10px 14px;font-size:13px;color:var(--muted);margin-bottom:14px}.pay-dialog-balance strong{color:var(--orange);font-size:15px}html[data-theme=dark] .pay-summary-row strong{color:#eceefc}html[data-theme=dark] .pay-history-item,html[data-theme=dark] .pay-dialog-balance{background:#23264f}@media (max-width: 1023px){.invoice-detail-split{grid-template-columns:1fr}}.invoice-detail-list-panel{max-height:640px;overflow-y:auto}.invoice-detail-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.invoice-detail-item{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;transition:all .15s ease}.invoice-detail-item:hover{border-color:var(--teal);background:#f4f4fb}.invoice-detail-item.active{border-color:var(--navy);background:#2b2f770d}.idi-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.idi-number{font-weight:700;color:var(--navy);font-size:13px}.idi-client{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idi-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.idi-amount{font-weight:700;font-size:13px;color:var(--navy)}html[data-theme=dark] .invoice-detail-item:hover{background:#23264f}html[data-theme=dark] .idi-number,html[data-theme=dark] .idi-amount{color:#eceefc}.item-form-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 1023px){.item-form-layout{grid-template-columns:1fr}}.radio-row{display:flex;gap:10px}.field-note{font-size:11.5px;color:var(--muted);margin:8px 2px 0;line-height:1.45}.autocomplete-wrap{position:relative}.autocomplete-wrap>input{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);font-size:13.5px;outline:none;background:#fbfbff;color:var(--ink);height:42px;box-sizing:border-box}.autocomplete-wrap>input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17b3a31f}.autocomplete-wrap>input.invalid{border-color:var(--danger)!important;border-width:2px;background:#e0335c1a;box-shadow:0 0 0 3px #e0335c26}.autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #0a0a1e26;z-index:100;max-height:240px;overflow-y:auto;display:none}.autocomplete-list.show{display:block}.autocomplete-item{padding:10px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--line)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#f4f4fb}.autocomplete-item strong{color:var(--navy);display:block}.autocomplete-item span{font-size:11.5px;color:var(--muted)}.autocomplete-empty{padding:12px 14px;font-size:12.5px;color:var(--muted);font-style:italic}html[data-theme=dark] .autocomplete-wrap>input{background:#23264f;border-color:#34376b;color:#eceefc}html[data-theme=dark] .autocomplete-list{background:#1b1d3f;border-color:#34376b}html[data-theme=dark] .autocomplete-item:hover{background:#23264f}html[data-theme=dark] .autocomplete-item strong{color:#eceefc}.input-with-icon{position:relative}.input-with-icon>input{width:100%;padding:10px 42px 10px 12px;border-radius:10px;border:1.5px solid var(--line);font-size:13.5px;outline:none;background:#fbfbff;color:var(--ink);height:42px;box-sizing:border-box}.input-with-icon>input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17b3a31f}.input-icon-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:#2b2f7714;color:var(--navy);border-radius:8px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.input-icon-btn:hover{background:var(--navy);color:#fff}html[data-theme=dark] .input-with-icon>input{background:#23264f;border-color:#34376b;color:#eceefc}.invnum-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}body.no-createInvoice #invoice-add-btn,body.no-createInvoice .fab,body.no-manageItems #item-add-btn,body.no-manageCustomers #customer-add-btn,body.no-recordPayment .invoice-detail-actions button[onclick*=openPaymentDialog],body.no-recordPayment .invoice-detail-actions button[onclick*=markViewedInvoice],body.no-editInvoice .invoice-detail-actions button[onclick*=editInvoiceFromView],body.no-editInvoice .row-action-btn,body.no-manageSettings .settings-gear-btn,body.no-manageTeam .settings-tab-team{display:none!important}.role-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}@media (max-width: 600px){.role-legend{grid-template-columns:1fr}}.role-legend-item{font-size:12px;color:var(--muted);padding:8px 12px;background:#f4f4fb;border-radius:8px}.role-legend-item strong{color:var(--navy);display:inline-block;min-width:56px}.team-add-form{background:#fbfbff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:20px}.team-hint{font-size:11.5px;color:var(--muted);margin-top:10px;display:flex;align-items:flex-start;gap:6px;line-height:1.5}.team-hint i{color:var(--teal);margin-top:2px}.team-list{display:flex;flex-direction:column;gap:10px}.team-member{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.team-avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}.team-info{flex:1;min-width:0}.team-name{font-weight:600;color:var(--navy);font-size:13.5px}.team-email{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-role-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;flex:none}.trb-admin{background:#2b2f771f;color:var(--navy)}.trb-staff{background:#17b3a324;color:#0f8478}.trb-worker{background:#eceefc;color:#5b5d8a}.trb-auditor{background:#f2703c24;color:#c4571f}.team-del{background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px;padding:4px 8px;flex:none}html[data-theme=dark] .role-legend-item,html[data-theme=dark] .team-add-form{background:#23264f}html[data-theme=dark] .role-legend-item strong,html[data-theme=dark] .team-name{color:#eceefc}.company-sig-preview{min-width:120px;height:56px;border:1.5px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11.5px;color:var(--muted);padding:6px 12px;background:#fbfbff}.company-sig-preview img{max-height:44px;max-width:150px;object-fit:contain}html[data-theme=dark] .company-sig-preview{background:#23264f;border-color:#34376b}@media (max-width: 700px){.template-grid{grid-template-columns:1fr}}.template-card{border:2px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;transition:all .15s ease;background:#fff}.template-card:hover{border-color:var(--teal)}.template-card.selected{border-color:var(--navy);box-shadow:0 4px 16px #2b2f7724}.template-thumb{height:130px;border-radius:9px;overflow:hidden;position:relative;background:#fff;border:1px solid var(--line);padding:12px;box-sizing:border-box}.tt-band{position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(90deg,var(--navy) 62%,var(--orange) 62%,var(--orange) 80%,var(--teal) 80%)}.tt-title{font-weight:800;font-size:15px;color:var(--navy);margin-top:12px}.tt-title.dark{color:#1b1c33;margin-top:2px}.tt-title.accent{color:var(--orange);margin-top:2px;margin-left:22px}.tt-rule{height:2px;background:#1b1c33;margin:6px 0}.tt-line{height:6px;background:#e6e7f2;border-radius:3px;margin-top:7px}.tt-line.short{width:55%}.tt-table{height:34px;background:#f0f1f8;border-radius:5px;margin-top:9px;border-top:7px solid var(--navy)}.tt-sidebar{position:absolute;top:0;left:0;bottom:0;width:16px;background:linear-gradient(180deg,var(--teal),var(--navy))}.tpl-thumb-corporate .tt-table{border-top-color:#1b1c33}.tpl-thumb-creative .tt-table{border-top-color:var(--teal)}.template-name{font-weight:700;color:var(--navy);font-size:14px;margin-top:10px;display:flex;align-items:center;gap:6px}.tpl-check{color:var(--navy);opacity:0;font-size:13px;transition:opacity .15s ease;margin-left:auto}.template-card.selected .tpl-check{opacity:1}.template-desc{font-size:11.5px;color:var(--muted);margin-top:3px}html[data-theme=dark] .template-card{background:#1b1d3f}html[data-theme=dark] .template-card.selected{border-color:#7dd8cd;box-shadow:0 4px 16px #00000059}html[data-theme=dark] .tpl-check{color:#7dd8cd}html[data-theme=dark] .template-name{color:#eceefc}html[data-theme=dark] .template-thumb{background:#fff}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.settings-tabs{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 2px 12px #0a0a1e0d}.settings-tab{display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:none;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;text-align:left;white-space:nowrap;transition:all .15s ease;font-family:inherit}.settings-tab .tab-chevron{display:none;margin-left:auto;color:var(--muted)}.settings-back{display:none;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--navy);cursor:pointer;margin-bottom:16px}.settings-back i{font-size:12px}@media (max-width: 900px){.settings-layout{grid-template-columns:1fr}.settings-tabs{gap:8px}.settings-tab{padding:16px;font-size:15px;border:1px solid var(--line)}.settings-tab .tab-chevron{display:inline-block}.settings-tab.active{background:none;color:var(--muted)}.settings-tab.active .tab-chevron{color:var(--muted)}.settings-layout.drilled .settings-back{display:flex}.settings-layout.drilled .settings-tabs{display:none}.settings-layout:not(.drilled) .settings-panel{display:none!important}}.settings-tab i{width:16px;text-align:center}.settings-tab:hover{background:#f4f4fb;color:var(--navy)}.settings-tab.active{background:var(--navy);color:#fff}.settings-panel{display:none}.settings-panel.active{display:block;animation:fadeUp .25s ease}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.pref-row:last-child{border-bottom:none}.pref-title{font-weight:600;color:var(--navy);font-size:14px}.pref-sub{font-size:12px;color:var(--muted);margin-top:2px}html[data-theme=dark] .settings-tabs{background:#1b1d3f}html[data-theme=dark] .settings-tab:hover{background:#23264f;color:#eceefc}html[data-theme=dark] .pref-title{color:#eceefc}.invnum-grid .field-sm{margin:0}.invnum-grid .field-sm label{white-space:nowrap}.invnum-help{font-size:11px;color:var(--muted);margin:6px 2px 14px}.invnum-preview{background:#f4f4fb;border-radius:10px;padding:12px 14px;font-size:13px;color:var(--muted);margin:14px 0}.invnum-preview strong{color:var(--navy);font-size:15px;font-family:monospace}.invnum-tips{background:#f2703c14;border:1px solid rgba(242,112,60,.2);border-radius:12px;padding:14px 16px;margin-bottom:18px}.invnum-tips ul{margin:0;padding-left:18px}.invnum-tips li{font-size:12px;color:var(--muted);margin-bottom:6px;line-height:1.5}.invnum-tips li:last-child{margin-bottom:0}html[data-theme=dark] .invnum-preview{background:#23264f}html[data-theme=dark] .invnum-preview strong{color:#eceefc}.report-period-select{padding:9px 34px 9px 16px;border-radius:22px;border:1.5px solid var(--line);font-size:13px;font-weight:600;color:var(--navy);background:#fbfbff;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237b7d9a' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center}html[data-theme=dark] .report-period-select{background-color:#23264f;border-color:#34376b;color:#eceefc}.report-segment{margin-bottom:28px}.report-stat-grid-4{grid-template-columns:repeat(4,1fr)}.report-stat-grid-3{grid-template-columns:repeat(3,1fr)}.report-stat-grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.report-stat-grid-4,.report-stat-grid-3,.report-stat-grid-2{grid-template-columns:repeat(2,1fr)}}.report-seg-head{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.03em;margin-bottom:14px}.report-seg-head i{color:var(--orange)}html[data-theme=dark] .report-seg-head{color:#c3c4ee}.report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.report-two-col>.panel{min-width:0}@media (max-width: 900px){.report-two-col{grid-template-columns:1fr}}.status-legend{display:flex;flex-direction:column;gap:12px}.status-legend-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px dashed var(--line)}.status-legend-row:last-child{border-bottom:none}.status-legend-left{display:flex;align-items:center;gap:9px}.status-legend-dot{width:11px;height:11px;border-radius:3px;flex:none}.status-legend-count{font-weight:700;color:var(--navy)}html[data-theme=dark] .status-legend-count{color:#eceefc}.report-rank-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.report-rank-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f4f4fb;border-radius:10px}.report-rank-num{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}.report-rank-name{flex:1;font-size:13px;font-weight:600;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-rank-val{font-size:13px;font-weight:700;color:var(--teal);flex:none}html[data-theme=dark] .report-rank-item{background:#23264f}html[data-theme=dark] .report-rank-name{color:#eceefc}.req-star{color:var(--danger);font-weight:700}.confirm-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1e99;z-index:2000;align-items:center;justify-content:center;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));opacity:0;transition:opacity .2s ease}.confirm-overlay.show{display:flex;opacity:1}.confirm-box{background:#fff;border-radius:18px;padding:28px 26px 24px;max-width:400px;width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:center;box-shadow:0 20px 60px #0000004d;animation:fadeUp .25s ease}.confirm-icon{width:56px;height:56px;border-radius:50%;background:#f2703c1f;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.confirm-box h3{margin:0 0 8px;color:var(--navy);font-size:19px}.confirm-box p{margin:0 0 22px;color:var(--muted);font-size:13.5px;line-height:1.5}.confirm-actions{display:flex;flex-direction:column;gap:10px}.confirm-actions .btn{width:100%;justify-content:center}.confirm-box .modal-actions-sticky{position:sticky;bottom:0;background:#fff;padding-top:14px;padding-bottom:4px}html[data-theme=dark] .confirm-box .modal-actions-sticky,html[data-theme=dark] .confirm-box{background:#1b1d3f}html[data-theme=dark] .confirm-box h3{color:#eceefc}.radio-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border:1.5px solid var(--line);border-radius:22px;font-size:13px;cursor:pointer;color:var(--ink);background:#fbfbff;transition:all .15s ease;white-space:nowrap}.radio-pill:has(input:checked){border-color:var(--teal);background:#17b3a314;color:var(--navy);font-weight:600}.radio-pill input{width:16px;height:16px;accent-color:var(--teal);margin:0;flex:none;cursor:pointer}.cust-ship-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}html[data-theme=dark] .radio-pill{background:#23264f;border-color:#34376b;color:#eceefc}.mini-stat-row{display:flex;gap:12px;margin-bottom:12px}.mini-stat{flex:1;background:#f4f4fb;border-radius:12px;padding:12px 14px}.mini-stat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-weight:700;margin-bottom:4px}.mini-stat-value{font-size:18px;font-weight:800;color:var(--navy)}.tips-box{margin-top:16px;background:#f2703c14;border:1px solid rgba(242,112,60,.2);border-radius:12px;padding:14px 16px}.tips-title{font-weight:700;color:var(--orange);font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:7px}.tips-box ul{margin:0;padding-left:18px}.tips-box li{font-size:12px;color:var(--muted);margin-bottom:6px;line-height:1.5}.tips-box li:last-child{margin-bottom:0}html[data-theme=dark] .mini-stat{background:#23264f}html[data-theme=dark] .mini-stat-value{color:#eceefc}html[data-theme=dark] .tips-box{background:#f2703c1f}.invoice-view-summary .profile-info-row{border-bottom:1px dashed var(--line)}.invoice-view-summary .profile-info-row:last-of-type{border-bottom:none}.invoice-dash-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:0 10px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.invoice-dash-table td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}.invoice-dash-table tr:last-child td{border-bottom:none}.invoice-dash-table tr:hover td{background:#fbfbff}.invoice-dash-table .amt-col{font-weight:700;color:var(--navy)}.invoice-dash-table .link-col{color:var(--navy);font-weight:700;cursor:pointer}.invoice-dash-table .link-col:hover{color:var(--orange)}.status-badge{display:inline-block;padding:4px 11px;border-radius:14px;font-size:11px;font-weight:700}.status-draft{background:#eceefc;color:#5b5d8a}.status-sent{background:#8b5e3c26;color:#8b5e3c}.status-unpaid{background:#f2703c24;color:#c4571f}.status-paid{background:#1fae6e24;color:#188a58}.status-overdue{background:#e0335c24;color:#b71f47}.status-select{border:none;border-radius:14px;padding:5px 26px 5px 11px;font-size:11px;font-weight:700;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 9px center}.status-select.status-draft{background-color:#eceefc;color:#5b5d8a}.status-select.status-sent{background-color:#8b5e3c26;color:#8b5e3c}.status-select.status-unpaid{background-color:#f2703c24;color:#c4571f}.status-select.status-paid{background-color:#1fae6e24;color:#188a58}.status-select.status-overdue{background-color:#e0335c24;color:#b71f47}.row-action-btn{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;color:var(--navy);font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.row-action-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}html[data-theme=dark] .row-action-btn{background:#23264f;border-color:#34376b;color:#eceefc}.bulk-actions{display:flex;gap:8px}html[data-theme=dark] .invoice-dash-table th{color:#9fa1cf;border-bottom-color:#34376b}html[data-theme=dark] .invoice-dash-table td{border-bottom-color:#34376b;color:#eceefc}html[data-theme=dark] .invoice-dash-table tr:hover td{background:#23264f}html[data-theme=dark] .invoice-dash-table .amt-col{color:#7dd8cd}@media (max-width: 1023px){.workspace{grid-template-columns:1fr}.tabs{display:flex}.tab-panel{display:none}.tab-panel.active{display:block}}@media (max-width: 640px){.grid2{grid-template-columns:1fr}.auth-card{padding:30px 20px 24px}.auth-title{font-size:32px}.app-header-row h1{font-size:26px}.workspace,.tab-panel{min-width:0}#invoice-preview,#invoice-view-preview{overflow:hidden;max-width:100%;min-width:0}}#print-root{display:none}@media print{#root{display:none!important}#print-root{display:block!important;width:100%!important}#print-root *{visibility:visible!important}html,body,#print-root{background:#fff!important;color-scheme:light}#print-root .inv-doc{box-shadow:none!important;margin:0!important;width:100%!important}#invoice-preview{box-shadow:none}}@page{margin:12mm}html[data-theme=dark] .app-screen{background:#11132b}html[data-theme=dark] .app-header-row h1{color:#fff}html[data-theme=dark] .app-header-row p{color:#9fa1cf}@media (max-width: 768px){.settings-page-header{display:none}}html[data-theme=dark] .panel{background:#1b1d3f;box-shadow:0 4px 18px #00000040}html[data-theme=dark] .panel h3{color:#7dd8cd}html[data-theme=dark] .field-sm label{color:#9fa1cf}html[data-theme=dark] .field-sm input,html[data-theme=dark] .field-sm textarea,html[data-theme=dark] .field-sm select,html[data-theme=dark] .items-table input,html[data-theme=dark] .totals input{background:#23264f;border-color:#34376b;color:#eceefc}html[data-theme=dark] .field-sm select option{color:#1b1c33}html[data-theme=dark] .items-table th{color:#9fa1cf}html[data-theme=dark] .items-table .amt-col{color:#7dd8cd;background:#23264f;border-color:#34376b}html[data-theme=dark] .section-gap{border-top-color:#34376b}html[data-theme=dark] .totals .row{color:#9fa1cf}html[data-theme=dark] .totals .row.grand{color:#fff;border-top-color:#34376b}html[data-theme=dark] .saved-item{background:#23264f;border-color:#34376b}html[data-theme=dark] .saved-item strong,html[data-theme=dark] .sa-btn{color:#7dd8cd}html[data-theme=dark] .btn-outline{background:transparent;border-color:#7dd8cd;color:#7dd8cd}html[data-theme=dark] .btn-outline:hover{background:#7dd8cd;color:#11132b}html[data-theme=dark] .tabs{background:#1b1d3f}html[data-theme=dark] .tabs button{color:#9fa1cf}html[data-theme=dark] .tabs button.active{background:var(--orange);color:#fff}html[data-theme=dark] .stat-card{background:#1b1d3f;box-shadow:0 4px 18px #00000040}html[data-theme=dark] .stat-label{color:#9fa1cf}html[data-theme=dark] .stat-value{color:#fff}html[data-theme=dark] .profile-menu-header{border-bottom-color:#34376b}html[data-theme=dark] .profile-menu-name{color:#fff}html[data-theme=dark] .profile-menu-email,html[data-theme=dark] .profile-info-row{color:#9fa1cf}html[data-theme=dark] .profile-info-row strong{color:#eceefc}html[data-theme=dark] .profile-menu-link{border-top-color:#34376b;color:#7dd8cd}.team-status{font-size:11px;font-weight:600;margin-top:3px;display:flex;align-items:center;gap:5px}.team-status i{font-size:10px}.ts-invited{color:#c4571f}.ts-pending{color:#8a6d3b}.ts-active{color:#0f8478}.team-resend{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px 8px;flex:none}.team-resend:hover{color:var(--navy)}.invite-link-box{margin-top:14px;background:#f4f4fb;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.ilb-title{font-size:12.5px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:7px;margin-bottom:8px}.ilb-url{font-size:11.5px;color:#5b5d8a;word-break:break-all;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;line-height:1.5}.ilb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ilb-note{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}html[data-theme=dark] .invite-link-box{background:#23264f}html[data-theme=dark] .ilb-title{color:#eceefc}html[data-theme=dark] .ilb-url{background:#1b1c33;color:#9fa1cf;border-color:#34376b}html[data-theme=dark] .team-resend:hover{color:#eceefc}.invite-badge{width:56px;height:56px;border-radius:50%;background:#f2703c1f;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 16px}.invite-badge.ok{background:#17b3a324;color:#0f8478}.invite-badge.bad{background:#d645451f;color:var(--danger)}.invite-summary{background:#f4f4fb;border:1px solid var(--line);border-radius:12px;padding:6px 14px;margin:18px 0 14px}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.invite-row:last-child{border-bottom:none}.invite-row span{color:var(--muted);flex:none}.invite-row strong{color:var(--navy);text-align:right;word-break:break-word;font-weight:600}.invite-note{font-size:12px;color:var(--muted);line-height:1.55;display:flex;align-items:flex-start;gap:7px;margin:0 0 18px}.invite-note i{color:var(--teal);margin-top:2px;flex:none}html[data-theme=dark] .invite-summary{background:#23264f}html[data-theme=dark] .invite-row{border-bottom-color:#34376b}html[data-theme=dark] .invite-row strong{color:#eceefc}.pw-strength-compact{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-6px 0 14px}.pw-segments{display:flex;gap:3px}.pw-seg{width:18px;height:4px;border-radius:3px;background:var(--line)}.pw-seg.filled.pw-lvl-0{background:var(--danger)}.pw-seg.filled.pw-lvl-1{background:#e8743b}.pw-seg.filled.pw-lvl-2{background:#e0a92b}.pw-seg.filled.pw-lvl-3{background:#3fa89a}.pw-seg.filled.pw-lvl-4{background:#17b3a3}.pw-label-compact{font-size:11.5px;font-weight:700;flex:none}.pw-label-compact.pw-lvl-0{color:var(--danger)}.pw-label-compact.pw-lvl-1{color:#c4571f}.pw-label-compact.pw-lvl-2{color:#a67c14}.pw-label-compact.pw-lvl-3,.pw-label-compact.pw-lvl-4{color:#0f8478}html[data-theme=dark] .pw-seg{background:#34376b}.install-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:960;display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px #1b1c334d;animation:ib-rise .35s ease}@keyframes ib-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ib-icon{width:38px;height:38px;border-radius:10px;flex:none;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:16px}.ib-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.4}.ib-text strong{font-size:13.5px;font-weight:700}.ib-text span{font-size:11.5px;color:#ffffffbf}.ib-cta{flex:none}.ib-close{background:none;border:none;color:#fff9;cursor:pointer;font-size:15px;padding:4px 2px;flex:none}.ib-close:hover{color:#fff}@media (max-width: 1023px){.install-banner{bottom:calc(68px + env(safe-area-inset-bottom,0px))}}@media (min-width: 1024px){.install-banner{left:auto;right:22px;bottom:22px;max-width:390px}}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}#invoice-preview,#invoice-view-preview{color-scheme:light}html[data-theme=dark] select option,html[data-theme=dark] select optgroup,html[data-theme=dark] .field select option,html[data-theme=dark] .field-sm select option,html[data-theme=dark] .phone-wrap .phone-code-select option,html[data-theme=dark] .phone-code-select-sm option{background-color:#23264f;color:#eceefc}html[data-theme=dark] .saved-item{color:#9fa1cf}html[data-theme=dark] .saved-item .amt-col{color:#7dd8cd;font-weight:700}html[data-theme=dark] .pd-link{color:#9fa1cf;border-top-color:#34376b}html[data-theme=dark] .pd-link:hover{color:var(--orange)}html[data-theme=dark] .invoice-dash-table .link-col{color:#7dd8cd}html[data-theme=dark] .invoice-dash-table .link-col:hover{color:var(--orange)}html[data-theme=dark] .tt-title,html[data-theme=dark] .settings-back{color:#eceefc}@media (max-width: 768px){.settings-back-more{display:flex}}html[data-theme=dark] .gs-step-icon{background:#7dd8cd1f;color:#7dd8cd}.status-draft,.status-select.status-draft{background-color:#e8eaf1;color:#464a6b}.status-sent,.status-select.status-sent{background-color:#e3eefb;color:#1a5fa0}.status-unpaid,.status-select.status-unpaid{background-color:#f2703c29;color:#b8501b}.status-paid,.status-select.status-paid{background-color:#1fae6e29;color:#157a4d}.status-overdue,.status-select.status-overdue{background-color:#e0335c26;color:#a81b40}html[data-theme=dark] .status-draft,html[data-theme=dark] .status-select.status-draft{background-color:#34375f;color:#c6c8e2}html[data-theme=dark] .status-sent,html[data-theme=dark] .status-select.status-sent{background-color:#1d3a5c;color:#8ec5f2}html[data-theme=dark] .status-unpaid,html[data-theme=dark] .status-select.status-unpaid{background-color:#4a2a18;color:#f2a279}html[data-theme=dark] .status-paid,html[data-theme=dark] .status-select.status-paid{background-color:#15402f;color:#6ed4a6}html[data-theme=dark] .status-overdue,html[data-theme=dark] .status-select.status-overdue{background-color:#4a1c2c;color:#f28aa2}.pc-choices{display:flex;flex-direction:column;gap:10px;margin:6px 0 16px;text-align:left}.pc-choice{display:flex;flex-direction:column;gap:3px;width:100%;background:#fbfbff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.pc-choice:hover{border-color:var(--teal);background:#17b3a30f}.pc-choice-title{font-size:13.5px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}.pc-choice-title i{font-size:12px;color:var(--teal)}.pc-choice-sub{font-size:11.5px;color:var(--muted);line-height:1.45}html[data-theme=dark] .pc-choice{background:#23264f;border-color:#34376b}html[data-theme=dark] .pc-choice:hover{border-color:#7dd8cd;background:#7dd8cd14}html[data-theme=dark] .pc-choice-title{color:#eceefc}html[data-theme=dark] .pc-choice-sub{color:#9fa1cf}.notif-item-btn{width:100%;background:none;border:none;border-bottom:1px solid var(--line);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.notif-item-btn:last-child{border-bottom:none}.notif-item-btn:hover{background:#2b2f770a}html[data-theme=dark] .notif-item-btn{border-bottom-color:#34376b}html[data-theme=dark] .notif-item-btn:hover{background:#ffffff0d}html[data-theme=dark] .notif-empty{color:#9fa1cf}.inv-search{display:flex;align-items:center;gap:6px;position:relative}.inv-search-toggle{display:none;width:34px;height:34px;flex:none;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer;color:var(--navy);font-size:13px;align-items:center;justify-content:center}.inv-search-input{width:230px;padding:8px 30px 8px 34px;border-radius:20px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:13px;outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%238a8ab0' stroke-width='2.5'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21'/></svg>");background-repeat:no-repeat;background-position:left 12px center;transition:border-color .15s ease}.inv-search-input:focus{border-color:var(--teal)}.inv-search-input::-webkit-search-cancel-button{display:none}.inv-search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:2px 4px}.inv-search-clear:hover{color:var(--danger)}.inv-search-count{margin-left:9px;font-size:11.5px;font-weight:600;color:var(--muted);background:#eceefc;border-radius:10px;padding:2px 9px;vertical-align:middle}html[data-theme=dark] .inv-search-toggle{background:#23264f;border-color:#34376b;color:#eceefc}html[data-theme=dark] .inv-search-input{background-color:#23264f;border-color:#34376b;color:#eceefc}html[data-theme=dark] .inv-search-input:focus{border-color:#7dd8cd}html[data-theme=dark] .inv-search-count{background:#34375f;color:#c6c8e2}@media (max-width: 1023px){.inv-search-toggle{display:inline-flex}.inv-search .inv-search-input{width:0;padding:0;border-width:0;opacity:0;pointer-events:none;transition:width .22s ease,opacity .18s ease}.inv-search.open .inv-search-input{width:min(60vw,230px);padding:8px 30px 8px 34px;border-width:1.5px;opacity:1;pointer-events:auto}.inv-search.open .inv-search-toggle{display:none}}.lp{background:#fff;color:#1b1c33;min-height:100vh;font-family:Poppins,sans-serif}.lp-wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 24px}.legal-page{min-height:100vh;background:var(--cream)}.legal-header{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid var(--line)}.legal-header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:800;font-size:17px}.legal-header img{width:30px;height:30px;border-radius:8px}.legal-body{max-width:760px;margin:0 auto;padding:48px 24px 80px}.legal-body h1{font-size:28px;margin:0 0 6px;color:var(--ink)}.legal-body .legal-updated{color:var(--muted);font-size:13px;margin:0 0 36px}.legal-body h2{font-size:18px;margin:32px 0 10px;color:var(--navy)}.legal-body p,.legal-body li{font-size:14.5px;line-height:1.7;color:var(--ink)}.legal-body ul{padding-left:20px;margin:8px 0}.legal-body li{margin-bottom:6px}.lp-nav{position:sticky;top:0;z-index:100;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #eef0f6}.lp-nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}.lp-brand{display:flex;align-items:center;gap:10px}.lp-brand-mark{width:34px;height:34px;border-radius:9px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}.lp-brand-logo{width:34px;height:34px;border-radius:9px;object-fit:cover;display:block}.lp-brand-name{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.3px}.lp-nav-links{display:flex;align-items:center;gap:22px}.lp-nav-link{font-size:14px;color:#5a5c78;text-decoration:none;font-weight:500}.lp-nav-link:hover{color:var(--navy)}.lp-link-btn{background:none;border:none;font-size:14px;color:var(--navy);font-weight:600;padding:0}.lp-link-btn:hover{color:var(--orange)}.lp-nav-cta{padding:9px 18px!important;font-size:13.5px!important}.lp-hero{padding:70px 0 80px;overflow:hidden}.lp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.lp-eyebrow{display:inline-block;font-size:12.5px;font-weight:600;color:#0f8478;background:#17b3a31f;padding:6px 13px;border-radius:20px;margin-bottom:20px}.lp-h1{font-family:Poppins,sans-serif;font-size:52px;line-height:1.08;font-weight:800;color:var(--navy);letter-spacing:-1.2px;margin:0 0 20px}.lp-h1-accent{color:var(--orange)}.lp-sub{font-size:17px;line-height:1.6;color:#5a5c78;margin:0 0 30px;max-width:520px}.lp-cta-row{display:flex;gap:14px;flex-wrap:wrap}.lp-cta{padding:14px 28px!important;font-size:15px!important;font-weight:700!important}.lp-trust{font-size:13px;color:#8a8ca6;margin:22px 0 0}.lp-trust i{color:var(--teal);margin-right:6px}.lp-hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px}.lp-mock{position:relative;z-index:2;width:300px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 30px 60px -25px #1b1c3373;border:1px solid #eef0f6}.lp-mock-band{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--navy) 0 55%,var(--orange) 55% 78%,var(--teal) 78% 100%);margin-bottom:18px}.lp-mock-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.lp-mock-title{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:1px}.lp-mock-muted{font-size:12px;color:#9a9cb5;margin-top:3px}.lp-mock-logo{width:38px;height:38px;border-radius:9px;background:#2b2f7714;color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:15px}.lp-mock-rows{display:flex;flex-direction:column;gap:13px;margin-bottom:20px}.lp-mock-row{display:flex;justify-content:space-between;align-items:center}.lp-l{height:9px;border-radius:5px;background:#e9eaf2;display:inline-block}.lp-l.w60{width:60%}.lp-l.w55{width:55%}.lp-l.w45{width:45%}.lp-l.w20{width:18%;background:#dfe1ee}.lp-mock-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1.5px solid #eef0f6}.lp-mock-total span{font-size:14px;color:#5a5c78;font-weight:600}.lp-mock-total strong{font-size:20px;color:var(--navy);font-weight:800}.lp-mock-badge{position:absolute;top:-12px;right:-12px;background:var(--success);color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;box-shadow:0 8px 20px -6px #1fae6eb3}.lp-blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5;z-index:1}.lp-blob-1{width:150px;height:150px;background:#f2703c59;top:-10px;right:20px}.lp-blob-2{width:130px;height:130px;background:#17b3a34d;bottom:0;left:20px}.lp-section{padding:78px 0}.lp-section-alt{background:#fafbfd}.lp-section-head{text-align:center;max-width:600px;margin:0 auto 48px}.lp-h2{font-family:Poppins,sans-serif;font-size:34px;font-weight:800;color:var(--navy);letter-spacing:-.6px;margin:0 0 12px}.lp-section-sub{font-size:16px;color:#5a5c78;line-height:1.6;margin:0}.lp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lp-feature{background:#fff;border:1px solid #eef0f6;border-radius:16px;padding:26px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;backface-visibility:hidden}.lp-feature:hover{background:#fff;transform:translateY(-4px);border-color:#dfe1ee;box-shadow:0 18px 36px -18px #1b1c3338,0 2px 8px -2px #1b1c331a}.lp-feature-icon{width:46px;height:46px;border-radius:12px;background:#f2703c1f;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px}.lp-feature:nth-child(2) .lp-feature-icon{background:#17b3a31f;color:#0f8478}.lp-feature:nth-child(3) .lp-feature-icon{background:#2b2f771a;color:var(--navy)}.lp-feature:nth-child(4) .lp-feature-icon{background:#f472b624;color:#d6489a}.lp-feature:nth-child(5) .lp-feature-icon{background:#f6c94c2e;color:#b8860b}.lp-feature:nth-child(6) .lp-feature-icon{background:#17b3a31f;color:#0f8478}.lp-feature-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin:0 0 8px}.lp-feature-text{font-size:14px;line-height:1.6;color:#5a5c78;margin:0}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.lp-step{text-align:center;padding:0 10px}.lp-step-num{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800}.lp-step-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin:0 0 8px}.lp-step-text{font-size:14px;line-height:1.6;color:#5a5c78;margin:0}.lp-final{background:linear-gradient(135deg,var(--navy) 0%,#3a3f8f 100%);padding:66px 0}.lp-final-inner{text-align:center}.lp-final-h{font-family:Poppins,sans-serif;font-size:32px;font-weight:800;color:#fff;letter-spacing:-.5px;margin:0 0 10px}.lp-final-sub{font-size:16px;color:#fffc;margin:0 0 28px}.lp-final-cta{justify-content:center}.btn-ghost-light{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.35)}.btn-ghost-light:hover{background:#fff3}.lp-footer{background:#12142e;padding:34px 0}.lp-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.lp-footer .lp-brand-name{color:#fff}.lp-footer-links{display:flex;align-items:center;gap:20px}.lp-footer .lp-nav-link,.lp-footer .lp-link-btn{color:#ffffffb3}.lp-footer .lp-nav-link:hover,.lp-footer .lp-link-btn:hover{color:#fff}.lp-footer-credit{font-size:12.5px;color:#ffffff73;width:100%;text-align:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 900px){.lp-hero-grid{grid-template-columns:1fr;gap:40px}.lp-hero-art{order:-1;min-height:280px}.lp-h1{font-size:40px}.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-steps{grid-template-columns:1fr;gap:30px;max-width:360px;margin:0 auto}}@media (max-width: 600px){.lp-nav-links{gap:14px}.lp-nav-links .lp-nav-link{display:none}.lp-hero{padding:44px 0 56px}.lp-h1{font-size:33px;letter-spacing:-.8px}.lp-sub{font-size:15.5px}.lp-h2{font-size:27px}.lp-section{padding:56px 0}.lp-feature-grid{grid-template-columns:1fr}.lp-cta-row .lp-cta{flex:1;text-align:center}.lp-footer-inner{flex-direction:column;text-align:center}}.num-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;margin-top:5px}.num-hint i{font-size:11px}.num-checking{color:var(--muted)}.num-ok{color:#0f8478}.num-taken{color:var(--danger)}html[data-theme=dark] .num-checking{color:#9fa1cf}html[data-theme=dark] .num-ok{color:#6ed4a6}.inv-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.inv-filter{display:inline-flex;align-items:center;gap:7px;background:#f4f5fa;border:1.5px solid transparent;color:#5a5c78;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:20px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.inv-filter:hover{background:#eceefc}.inv-filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.inv-filter-count{font-size:11px;font-weight:700;background:#0000000f;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center}.inv-filter.active .inv-filter-count{background:#ffffff38}.inv-filter-overdue.active{background:var(--danger);border-color:var(--danger)}.inv-filter-unpaid.active{background:#c4571f;border-color:#c4571f}.inv-filter-paid.active{background:#0f8478;border-color:#0f8478}.inv-filter-sent.active{background:#1a5fa0;border-color:#1a5fa0}.inv-filter-draft.active{background:#5b5d8a;border-color:#5b5d8a}html[data-theme=dark] .inv-filter{background:#23264f;color:#c6c8e2}html[data-theme=dark] .inv-filter:hover{background:#2c2f5e}html[data-theme=dark] .inv-filter.active{background:#7dd8cd;color:#11132b;border-color:#7dd8cd}html[data-theme=dark] .inv-filter-count{background:#ffffff1a}@media (max-width: 640px){.inv-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.inv-filter{flex:none}}.mic-kebab{position:absolute;top:8px;right:6px;width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--muted);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mic-kebab:active{background:#0000000f}.mic-menu{position:absolute;top:36px;right:8px;z-index:60;min-width:150px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 14px 34px -10px #1b1c3359;animation:mic-menu-in .14s ease}@keyframes mic-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mic-menu button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;padding:12px 14px;font-size:13.5px;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line)}.mic-menu button:last-child{border-bottom:none}.mic-menu button i{width:15px;font-size:13px;color:var(--muted)}.mic-menu button:active{background:#f4f4fb}.mic-menu-danger,.mic-menu-danger i{color:var(--danger)!important}.mic-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:transparent}html[data-theme=dark] .mic-menu{background:#23264f;border-color:#34376b}html[data-theme=dark] .mic-menu button{color:#eceefc;border-bottom-color:#34376b}html[data-theme=dark] .mic-menu button:active{background:#2c2f5e}html[data-theme=dark] .mic-kebab:active{background:#ffffff14}.panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head-row h3{margin:0 0 16px}.panel-head-row .inv-search{margin-bottom:16px;flex:none}@media (max-width: 768px){.inv-page-header{display:none}.panel-head-row h3,.panel-head-row .inv-search{margin-bottom:14px}}.pin-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;margin-top:5px}.pin-hint i{font-size:11px}.pin-checking{color:var(--muted)}.pin-ok{color:#0f8478}.pin-bad{color:#c4571f}html[data-theme=dark] .pin-checking{color:#9fa1cf}html[data-theme=dark] .pin-ok{color:#6ed4a6}.pref-tabs{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 2px 12px #0a0a1e0d}html[data-theme=dark] .pref-tabs{background:#1b1d3f}.pref-back{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--navy);cursor:pointer;margin-bottom:16px}.pref-back i{font-size:12px}html[data-theme=dark] .pref-back{color:#eceefc}.app-lock-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cream);padding:24px}html[data-theme=dark] .app-lock-screen{background:#141530}.app-lock-card{width:100%;max-width:340px;text-align:center;background:#fff;border-radius:var(--radius);padding:36px 28px;box-shadow:var(--shadow)}html[data-theme=dark] .app-lock-card{background:#1b1d3f}.app-lock-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:#f2703c1f;color:var(--orange);font-size:22px}.app-lock-card h2{margin:0 0 6px;color:var(--navy);font-size:20px}html[data-theme=dark] .app-lock-card h2{color:#eceefc}.app-lock-card p{margin:0 0 26px;color:var(--muted);font-size:13.5px}.applock-dots{display:flex;justify-content:center;gap:16px;margin-bottom:8px}.applock-dots.shake{animation:applock-shake .4s ease}@keyframes applock-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.applock-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line);background:transparent;transition:background .15s,border-color .15s}.applock-dot.filled{background:var(--orange);border-color:var(--orange)}html[data-theme=dark] .applock-dot{border-color:#34376b}.applock-error{color:var(--danger);font-size:12.5px;font-weight:600;margin:14px 0 0}.applock-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.applock-keypad button{aspect-ratio:1;border-radius:50%;border:1.5px solid var(--line);background:#fbfbff;font-size:20px;font-weight:700;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.applock-keypad button:active{background:#f2703c26}.applock-keypad button.applock-backspace{border:none;background:transparent;color:var(--muted);font-size:17px}html[data-theme=dark] .applock-keypad button{background:#23264f;border-color:#34376b;color:#eceefc}html[data-theme=dark] .applock-keypad button.applock-backspace{background:transparent;color:#9fa1cf}.applock-cancel{margin-top:22px;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline}