:root{--kk-primary:#635bff;--kk-primary-2:#857fff;--kk-bg:#f3f5fa;--kk-surface:#fff;--kk-text:#17182b;--kk-muted:#74778b;--kk-border:rgba(25,28,55,.08);--kk-shadow:0 18px 45px rgba(35,36,74,.10);--kk-radius:22px}
[data-bs-theme=dark]{--kk-bg:#10111b;--kk-surface:#191b29;--kk-text:#f5f5fb;--kk-muted:#9da0b5;--kk-border:rgba(255,255,255,.08);--kk-shadow:0 18px 45px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--kk-bg);color:var(--kk-text);font-family:"Plus Jakarta Sans",system-ui,sans-serif}.desktop-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(99,91,255,.12),transparent 35%),radial-gradient(circle at 80% 80%,rgba(41,198,164,.10),transparent 32%);pointer-events:none}.app-shell{position:relative;width:100%;max-width:500px;min-height:100vh;margin:0 auto;background:var(--kk-bg);box-shadow:0 0 70px rgba(20,22,45,.08);overflow:hidden}.has-bottom-nav{padding-bottom:98px}.content-pad{padding:12px 20px 32px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 10px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--kk-bg) 88%,transparent);backdrop-filter:blur(16px)}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:var(--kk-muted);margin-bottom:5px}.store-switch{border:0;background:none;color:var(--kk-text);font-size:1.08rem;font-weight:800;padding:0;display:flex;gap:8px;align-items:center}.avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--kk-primary),var(--kk-primary-2));color:#fff;text-decoration:none;font-weight:800}.avatar.large{width:58px;height:58px;border-radius:19px;font-size:1.2rem;flex:0 0 auto}.app-alert{margin:10px 20px;border:0;border-radius:16px;font-size:.86rem}.auth-wrap,.install-shell{min-height:100vh;display:flex;align-items:center;padding:24px 18px}.auth-card{width:100%;background:var(--kk-surface);padding:28px 24px;border-radius:28px;box-shadow:var(--kk-shadow);border:1px solid var(--kk-border)}.auth-card h1{font-size:1.65rem;font-weight:800;letter-spacing:-.04em}.brand-row{display:flex;align-items:center;gap:12px}.brand-row strong{display:block;font-size:1.15rem}.brand-row small{display:block;color:var(--kk-muted);font-size:.74rem}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--kk-primary),#8a84ff);color:#fff;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 10px 25px rgba(99,91,255,.3)}.form-label{font-size:.78rem;font-weight:700;margin:0 0 7px}.form-control,.form-select{height:52px;border-radius:15px;border:1px solid var(--kk-border);background:var(--kk-bg);color:var(--kk-text);padding:0 15px}.form-control:focus,.form-select:focus{background:var(--kk-bg);color:var(--kk-text);border-color:var(--kk-primary);box-shadow:0 0 0 4px rgba(99,91,255,.12)}textarea.form-control{height:auto;padding-top:13px}.input-icon{position:relative}.input-icon>i{position:absolute;left:16px;top:15px;color:var(--kk-muted);z-index:2}.input-icon .form-control{padding-left:44px;padding-right:45px}.password-toggle{position:absolute;right:8px;top:7px;width:38px;height:38px;border:0;background:none;color:var(--kk-muted)}.btn{border-radius:15px;font-weight:700;min-height:48px}.btn-primary{background:var(--kk-primary);border-color:var(--kk-primary);box-shadow:0 10px 22px rgba(99,91,255,.22)}.btn-soft{background:rgba(99,91,255,.1);color:var(--kk-primary);border:0}.btn-danger-soft{background:rgba(230,74,97,.10);color:#e64a61;border:0}.auth-switch{text-align:center;color:var(--kk-muted);font-size:.84rem;margin:26px 0 0}.auth-switch a{font-weight:800;color:var(--kk-primary);text-decoration:none}.back-link{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--kk-bg);color:var(--kk-text)}.wizard-head{display:flex;align-items:center}.wizard-head span{width:34px;height:34px;border-radius:50%;background:var(--kk-primary);color:#fff;display:grid;place-items:center;font-weight:800}.wizard-head span.muted{background:var(--kk-bg);color:var(--kk-muted)}.wizard-head i{height:2px;background:var(--kk-border);flex:1}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:82px;padding:10px 10px max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--kk-surface) 92%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--kk-border);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-decoration:none;color:var(--kk-muted);font-size:.63rem;font-weight:700}.bottom-nav i{font-size:1.2rem}.bottom-nav a.active{color:var(--kk-primary)}.welcome-card{background:linear-gradient(135deg,#635bff,#827bff);color:#fff;border-radius:26px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 35px rgba(99,91,255,.25)}.welcome-card h1{font-size:1.35rem;font-weight:800;margin:0 0 6px}.welcome-card p{font-size:.8rem;opacity:.85}.welcome-card span{font-size:.75rem;opacity:.82}.welcome-card>i{font-size:2.5rem;opacity:.7}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 13px}.section-heading h2{font-size:1.05rem;font-weight:800;margin:0}.stage-badge{background:rgba(99,91,255,.10);color:var(--kk-primary);font-size:.65rem;font-weight:800;padding:7px 10px;border-radius:999px}.metric-grid,.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-grid article,.surface-card{background:var(--kk-surface);border:1px solid var(--kk-border);border-radius:var(--kk-radius);box-shadow:0 8px 24px rgba(30,32,60,.04)}.metric-grid article{padding:18px}.metric-grid article i{color:var(--kk-primary);font-size:1.15rem}.metric-grid small,.metric-grid span{display:block;color:var(--kk-muted)}.metric-grid small{margin-top:14px;font-size:.7rem}.metric-grid strong{display:block;font-size:1.35rem;margin:2px 0}.metric-grid span{font-size:.62rem}.quick-grid a{background:var(--kk-surface);border:1px solid var(--kk-border);border-radius:18px;padding:17px 12px;color:var(--kk-text);text-decoration:none;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:10px}.quick-grid i{color:var(--kk-primary);font-size:1.1rem}.activity-list{padding:6px 18px}.activity-list>div{display:flex;gap:12px;padding:14px 2px;border-bottom:1px solid var(--kk-border)}.activity-list>div:last-child{border:0}.activity-dot{width:9px;height:9px;border:2px solid var(--kk-primary);border-radius:50%;margin-top:6px}.activity-list p{margin:0}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:.78rem;text-transform:capitalize}.activity-list small{color:var(--kk-muted);font-size:.65rem;margin-top:3px}.empty-state{text-align:center;color:var(--kk-muted);font-size:.78rem;padding:24px;margin:0}.profile-card{display:flex;align-items:center;gap:14px;padding:17px;background:var(--kk-surface);border-radius:22px;border:1px solid var(--kk-border)}.profile-card h1{font-size:1rem;font-weight:800;margin:0 0 4px}.profile-card p{color:var(--kk-muted);font-size:.72rem;margin:0}.theme-options{padding:7px}.theme-options button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--kk-text);padding:13px;border-radius:15px;font-size:.78rem}.theme-options button>i:first-child{width:35px;height:35px;display:grid;place-items:center;background:var(--kk-bg);border-radius:12px}.theme-options .check{margin-left:auto;color:var(--kk-primary);opacity:0}.theme-options button.active{background:rgba(99,91,255,.08)}.theme-options button.active .check{opacity:1}.info-list{padding:5px 18px}.info-list>div{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--kk-border);font-size:.74rem}.info-list>div:last-child{border:0}.info-list span{color:var(--kk-muted)}.info-list strong{text-align:right}.store-sheet{max-width:500px;margin:auto;height:auto!important;max-height:72vh;border-radius:28px 28px 0 0;background:var(--kk-surface)}.store-option{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--kk-border);background:var(--kk-surface);color:var(--kk-text);padding:12px;border-radius:17px}.store-option.selected{border-color:var(--kk-primary);background:rgba(99,91,255,.06)}.store-option .store-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--kk-bg);color:var(--kk-primary)}.store-option strong,.store-option small{display:block}.store-option strong{font-size:.8rem}.store-option small{font-size:.65rem;color:var(--kk-muted);margin-top:3px}.store-option>i:last-child{color:var(--kk-primary)}.pending-card{text-align:center;background:var(--kk-surface);border:1px solid var(--kk-border);border-radius:28px;padding:50px 28px;margin-top:18px}.pending-card>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border-radius:24px;background:rgba(99,91,255,.1);color:var(--kk-primary);font-size:1.8rem}.pending-card h1{font-weight:800}.pending-card p{font-size:.8rem;color:var(--kk-muted);line-height:1.7}.step-track{height:6px;background:var(--kk-bg);border-radius:99px;overflow:hidden}.step-track span{display:block;height:100%;background:var(--kk-primary);border-radius:99px}.requirement-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--kk-border);font-size:.78rem}.success-orb{width:72px;height:72px;margin:10px auto 20px;border-radius:50%;display:grid;place-items:center;background:#20b486;color:#fff;font-size:2rem}
.logo-picker label{display:grid;grid-template-columns:58px 1fr;column-gap:12px;align-items:center;cursor:pointer}.logo-picker label>span{grid-row:1/3;width:58px;height:58px;border-radius:18px;background:var(--kk-bg);color:var(--kk-primary);display:grid;place-items:center;font-size:1.25rem;overflow:hidden}.logo-picker label>span img{width:100%;height:100%;object-fit:cover}.logo-picker strong{font-size:.8rem;align-self:end}.logo-picker small{font-size:.65rem;color:var(--kk-muted);align-self:start}@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:30px}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.auth-wrap,.install-shell{min-height:calc(100vh - 48px)}}
.splash-wrap{min-height:100vh;display:flex;flex-direction:column;padding:34px 24px}.splash-visual{position:relative;flex:1;min-height:310px;display:grid;place-items:center}.splash-visual:before,.splash-visual:after{content:"";position:absolute;border-radius:50%}.splash-visual:before{width:240px;height:240px;background:linear-gradient(145deg,rgba(99,91,255,.18),rgba(99,91,255,.04));border:1px solid rgba(99,91,255,.12)}.splash-visual:after{width:175px;height:175px;border:1px dashed rgba(99,91,255,.35)}.splash-logo{position:relative;z-index:2;width:105px;height:105px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,#635bff,#8f89ff);color:#fff;font-size:2.7rem;box-shadow:0 25px 45px rgba(99,91,255,.32);transform:rotate(-4deg)}.float-chip{position:absolute;z-index:3;background:var(--kk-surface);border:1px solid var(--kk-border);box-shadow:var(--kk-shadow);padding:9px 12px;border-radius:13px;font-size:.66rem;font-weight:700}.float-chip i{color:var(--kk-primary)}.chip-one{top:24%;right:4%}.chip-two{bottom:20%;left:4%}.splash-copy h1{font-size:2rem;line-height:1.18;font-weight:800;letter-spacing:-.055em}.splash-copy h1 span{color:var(--kk-primary)}.splash-copy>p:not(.eyebrow){color:var(--kk-muted);font-size:.8rem;line-height:1.7;margin:14px 0 24px}@media(max-width:360px){.content-pad{padding-left:15px;padding-right:15px}.auth-card{padding:24px 18px}.app-header{padding-left:16px;padding-right:16px}.splash-wrap{padding:24px 18px}.splash-visual{min-height:265px}}
.page-title{font-size:1.45rem;font-weight:800;margin:0;letter-spacing:-.04em}.page-title span{font-size:.65rem;color:var(--kk-primary);background:rgba(99,91,255,.1);padding:5px 8px;border-radius:99px;vertical-align:middle}.circle-action{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--kk-surface);color:var(--kk-text);text-decoration:none;border:1px solid var(--kk-border)}.circle-action.primary{background:var(--kk-primary);color:#fff}.catalog-inline{padding:10px;display:flex;gap:8px;align-items:center}.catalog-inline input[type=color]{width:42px;height:42px;border:0;padding:3px;background:transparent}.catalog-inline .form-control{height:44px}.unit-inline .short-input{max-width:82px}.list-card{padding:5px 15px}.manage-row{display:flex;align-items:center;gap:12px;min-height:58px;border-bottom:1px solid var(--kk-border)}.manage-row:last-child{border:0}.manage-row strong{font-size:.78rem;flex:1}.manage-row a,.manage-row button{width:34px;height:34px;border:0;border-radius:11px;background:var(--kk-bg);color:var(--kk-muted);display:grid;place-items:center;text-decoration:none}.manage-row form{margin:0}.color-dot{width:13px;height:13px;border-radius:50%}.search-panel{display:grid;grid-template-columns:1fr 135px;gap:9px;margin-bottom:11px}.search-panel.one{grid-template-columns:1fr}.search-panel .form-control,.search-panel .form-select{height:48px;font-size:.72rem}.catalog-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.catalog-tools a{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--kk-surface);border:1px solid var(--kk-border);border-radius:14px;padding:11px 6px;color:var(--kk-text);text-decoration:none;font-size:.64rem;font-weight:700}.catalog-tools i{color:var(--kk-primary)}.product-list{display:grid;gap:9px}.product-row{display:flex;align-items:center;gap:11px;background:var(--kk-surface);border:1px solid var(--kk-border);border-radius:19px;padding:10px}.product-thumb{width:51px;height:51px;flex:0 0 auto;border-radius:15px;background:var(--kk-bg);display:grid;place-items:center;color:var(--kk-primary);overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-main{min-width:0;flex:1;text-decoration:none;color:var(--kk-text)}.product-main strong,.product-main small,.product-main span{display:block}.product-main strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-main small{font-size:.58rem;color:var(--kk-muted);margin:3px 0}.product-main span{font-size:.7rem;font-weight:800;color:var(--kk-primary)}.stock-chip{text-align:right}.stock-chip b,.stock-chip small{display:block}.stock-chip b{font-size:.72rem}.stock-chip small{font-size:.56rem;color:var(--kk-muted)}.stock-chip.low b,.stock-value.low b{color:#e64a61}.empty-product{text-align:center;padding:42px 20px}.empty-product>i{font-size:2rem;color:var(--kk-primary)}.empty-product h2{font-size:.9rem;font-weight:800;margin:14px 0 5px}.empty-product p{font-size:.7rem;color:var(--kk-muted);margin:0}.product-form{display:grid;gap:13px}.form-section{padding:17px;display:grid;gap:15px}.form-section>label,.form-section .row label{font-size:.7rem;font-weight:700}.form-section .form-control,.form-section .form-select{margin-top:7px}.image-field{display:grid;grid-template-columns:62px 1fr;column-gap:12px;align-items:center;cursor:pointer}.image-field>span{grid-row:1/3;width:62px;height:62px;border-radius:18px;background:var(--kk-bg);display:grid;place-items:center;color:var(--kk-primary);font-size:1.25rem;overflow:hidden}.image-field img{width:100%;height:100%;object-fit:cover}.image-field b{align-self:end}.image-field small{align-self:start;color:var(--kk-muted);font-size:.6rem}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-row b,.toggle-row small{display:block}.toggle-row small{font-size:.59rem;color:var(--kk-muted);margin-top:3px}.toggle-row .form-check-input{width:42px;height:23px}.stock-list{display:grid;gap:8px}.stock-row{padding:13px 14px;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--kk-text)}.stock-row>span:first-child{flex:1;min-width:0}.stock-row strong,.stock-row small,.stock-value b{display:block}.stock-row strong{font-size:.75rem}.stock-row small{font-size:.59rem;color:var(--kk-muted);margin-top:3px}.stock-value{text-align:right}.stock-value b{font-size:.82rem}.movement-list{padding:4px 15px}.movement-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--kk-border)}.movement-list>div:last-child{border:0}.movement-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.movement-icon.in{background:rgba(32,180,134,.1);color:#20b486}.movement-icon.out{background:rgba(230,74,97,.1);color:#e64a61}.movement-list p{flex:1;min-width:0;margin:0}.movement-list strong,.movement-list small{display:block}.movement-list strong{font-size:.7rem}.movement-list small{font-size:.56rem;color:var(--kk-muted);margin-top:3px}.movement-qty{font-size:.7rem}.movement-qty.in{color:#20b486}.movement-qty.out{color:#e64a61}.adjust-product{display:flex;align-items:center;gap:12px;padding:15px}.adjust-product>div{flex:1}.adjust-product strong,.adjust-product small,.adjust-product p b,.adjust-product p small{display:block}.adjust-product strong{font-size:.78rem}.adjust-product small{font-size:.6rem;color:var(--kk-muted)}.adjust-product p{margin:0;text-align:right}.adjust-product p b{font-size:.95rem}
@media(max-width:390px){.search-panel{grid-template-columns:1fr}.catalog-inline{flex-wrap:wrap}.catalog-inline .form-control:first-of-type{flex:1}.catalog-inline .btn{width:100%}.unit-inline .short-input{max-width:none;flex:1}}