@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-soft:#f7f7fb;--panel:#fff;--panel-soft:#f3f4fa;--line:#161c2d14;--text-soft:#a0a4b3;--text-mid:#707487;--accent:#89dc3b;--accent-strong:#3765f4;--shadow:0 24px 60px #2c3f6c1f;background:linear-gradient(#eef1f8 0%,#dde3f1 100%);font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px}.app-surface{width:min(100%,1320px);min-height:calc(100vh - 48px);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fbfbfd 100%);border-radius:32px;grid-template-rows:minmax(0,1fr) auto;margin:0 auto;display:grid;overflow:hidden}.identity-row,.profile-strip,.section-head,.profile-row{justify-content:space-between;align-items:center;display:flex}.screen-kicker,.eyebrow,.panel-meta,.profile-copy span,.catalog-table td p,.client-card p,.journal-row p,.draft-row p,.balance-card span,.snapshot-card span,.profile-note p,.profile-row span,.screen-subtitle{color:var(--text-soft);margin:0}.identity-row{align-items:flex-start;gap:12px;margin:10px 8px 14px}.identity-row h1{margin:2px 0 4px;font-size:1.55rem;line-height:1.1}.screen-subtitle{color:var(--text-mid);font-size:.92rem;line-height:1.45}.refresh-chip{color:#5d6985;background:#f1f3fb;border:none;border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:700}.mobile-search{background:var(--panel-soft);border-radius:18px;align-items:center;gap:10px;margin:0 8px 14px;padding:14px 16px;display:flex}.mobile-search svg{stroke:#141414;fill:none;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.mobile-search input{color:#161616;background:0 0;border:none;outline:none;width:100%}.profile-strip{background:linear-gradient(135deg,#fbfbff 0%,#f3f5fd 100%);border-radius:20px;margin:0 8px 14px;padding:14px}.avatar-pill{color:#fff;background:linear-gradient(135deg,#3765f4 0%,#89dc3b 100%);border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:800;display:grid}.profile-copy{flex:1;margin-left:12px;display:grid}.app-content::-webkit-scrollbar{display:none}.table-wrap::-webkit-scrollbar{display:none}.app-content{flex-direction:column;gap:14px;min-height:0;padding:24px 24px 104px;display:flex;overflow-y:auto}.mobile-section{background:var(--panel);border-radius:24px;padding:14px}.mobile-section-soft{background:#f7f8fd}.section-head{align-items:flex-start;gap:12px;margin-bottom:12px}.section-head h2{margin:4px 0 0;font-size:1.15rem}.ghost-button,.primary-button{border:none;border-radius:999px;padding:12px 18px;font-weight:700}.ghost-button{color:#47506a;background:#edf0f7;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#89dc3b 0%,#6bcf2a 100%);box-shadow:0 12px 22px #89dc3b52}.primary-button:disabled{opacity:.55;cursor:not-allowed}.icon-button{color:#47506a;background:#edf0f7;border:none;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.client-list,.draft-catalog,.draft-summary-items,.balance-stack,.profile-list{gap:10px;display:grid}.client-card{text-align:left;background:0 0;border:none;border-radius:20px;width:100%;padding:8px}.client-card-active{background:#f5f7ff}.client-card strong,.mobile-main strong{font-size:1.02rem;display:block}.client-card span{font-size:.8rem}.client-avatar,.mobile-avatar{color:#1a1a1a;background:linear-gradient(135deg,#eef0f9 0%,#fff 100%);border-radius:50%;place-items:center;width:56px;height:56px;font-size:1rem;font-weight:800;display:grid}.client-card:nth-child(2n) .client-avatar,.mobile-row:nth-child(2n) .mobile-avatar{color:#fff;background:linear-gradient(135deg,#3765f4 0%,#4e78ff 100%)}.client-card:nth-child(3n) .client-avatar,.mobile-row:nth-child(3n) .mobile-avatar{background:linear-gradient(135deg,#62d2dc 0%,#89f0cf 100%)}.client-card:nth-child(4n) .client-avatar,.mobile-row:nth-child(4n) .mobile-avatar{background:linear-gradient(135deg,#b4ec3c 0%,#86d82e 100%)}.client-card-top-row,.mobile-row{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.client-main,.mobile-main{min-width:0}.client-main p,.mobile-main p{margin-top:4px;font-size:.86rem;line-height:1.35}.client-side,.mobile-side{text-align:right;gap:8px;display:grid}.client-side b,.mobile-side b{color:#fff;background:#3765f4;border-radius:999px;justify-self:end;min-width:24px;padding:4px 8px;font-size:.78rem}.mobile-avatar-journal{color:#506086!important;background:linear-gradient(135deg,#edf0fb 0%,#fff 100%)!important}.catalog-table,.order-composer,.table-wrap{flex-direction:column;gap:12px;display:flex}.search-field,.notes-field,.draft-row label{gap:7px;display:grid}.search-field input,.notes-field textarea,.draft-row input{background:var(--panel-soft);color:#1a1a1a;border:none;border-radius:16px;outline:none;width:100%;padding:12px 14px}.mobile-list{gap:10px;display:grid}.mobile-row{background:#fafbff;border-radius:18px;padding:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.catalog-filter-field{gap:7px;display:grid}.catalog-filter-field span{color:var(--text-soft);margin:0;font-size:.78rem}.catalog-filter-field select{background:var(--panel-soft);color:#1a1a1a;appearance:none;border:none;border-radius:16px;outline:none;width:100%;padding:12px 14px}.catalog-filter-field input{background:var(--panel-soft);color:#1a1a1a;border:none;border-radius:16px;outline:none;width:100%;padding:12px 14px}.catalog-card{background:linear-gradient(#fff 0%,#f8faff 100%);border:1px solid #161c2d0f;border-radius:22px;min-width:0;overflow:hidden;box-shadow:0 14px 34px #2c3f6c14}.catalog-card-clickable{cursor:pointer}.catalog-media{aspect-ratio:1;background:linear-gradient(#eef3ff 0%,#f6f8ff 100%);overflow:hidden}.catalog-image{object-fit:cover;width:100%;height:100%;display:block}.catalog-image-fallback{color:#4163d8;letter-spacing:.06em;place-items:center;font-size:1.45rem;font-weight:800;display:grid}.catalog-card-body{gap:10px;padding:14px;display:grid}.catalog-card-top{gap:6px;display:grid}.catalog-sku,.catalog-description,.catalog-meta dt,.catalog-page-status,.catalog-card-hint{color:var(--text-mid);margin:0}.catalog-sku{letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700}.catalog-card-top strong{font-size:1rem;line-height:1.15}.catalog-card h3{min-height:2.5em;margin:0;font-size:.97rem;line-height:1.28}.catalog-description{min-height:2.9em;font-size:.82rem;line-height:1.45}.catalog-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;display:grid}.catalog-meta div{gap:2px;display:grid}.catalog-meta dt{text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.catalog-meta dd{color:#1a1a1a;margin:0;font-size:.84rem;line-height:1.35}.catalog-price{font-size:1rem;line-height:1.15;display:block}.catalog-card-hint{font-size:.78rem;line-height:1.35}.catalog-pagination{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.catalog-page-status{text-align:center;font-size:.82rem;line-height:1.35}.catalog-page-status span{color:#1a1a1a;margin-top:4px;font-weight:700;display:block}.catalog-empty{text-align:center;background:#fafbff;border-radius:18px;padding:20px 14px}.catalog-empty p{color:var(--text-mid);margin:0}.catalog-card-skeleton{pointer-events:none}.catalog-skeleton-block,.catalog-skeleton-line{background:linear-gradient(90deg,#dde3f1c7 25%,#f3f6fcf2 50%,#dde3f1c7 75%) 0 0/200% 100%;animation:1.2s linear infinite shimmer}.catalog-skeleton-line{border-radius:999px;height:10px}.catalog-skeleton-line-title{width:84%;height:14px}.catalog-skeleton-line-short{width:62%}.draft-row{background:#fafbff;border-radius:18px;grid-template-columns:minmax(0,1fr) 86px;align-items:end;gap:12px;padding:12px;display:grid}.draft-summary{background:#f7f8fd;border-radius:18px;padding:14px}.draft-summary-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.draft-summary-row p{margin-top:4px}.draft-summary-side{justify-items:end;gap:8px;display:grid}.draft-empty-state{justify-items:start;gap:12px;display:grid}.draft-action-button{width:36px;height:36px}.draft-action-button-danger{color:#d6455d}.order-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-head h3{margin:4px 0 0;font-size:1.05rem}.composer-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.status-message{color:#5d6985;margin:0;font-size:.9rem}.balance-stack,.snapshot-grid{grid-template-columns:1fr;gap:10px;display:grid}.balance-card,.snapshot-card,.profile-note,.profile-row{background:#fafbff;border-radius:18px;padding:10px}.balance-card strong,.snapshot-card strong,.profile-row strong,.profile-note strong{margin-top:6px;display:block}.profile-row{flex-direction:column;align-items:flex-start;display:flex}.profile-row-compact{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.profile-row-compact strong{text-align:right;margin-top:0}.profile-row-inline{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:12px}.profile-row-icon{color:#4a67d7;background:#edf1fd;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.profile-row-copy{flex:1;gap:3px;min-width:0;display:grid}.profile-row-copy span,.profile-row-copy strong{text-align:left}.profile-row-copy strong{word-break:break-word;line-height:1.35}.snapshot-card p{margin:6px 0 0}.snapshot-list{gap:10px;margin-top:10px;display:grid}.snapshot-list-item{border-top:1px solid #e6ebfa;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:10px;display:flex}.snapshot-list-item:first-child{border-top:0;padding-top:0}.snapshot-list-side{text-align:right}.client-detail-head{align-items:center;gap:14px;padding:8px 4px 4px;display:flex}.client-avatar-large{width:72px;height:72px;font-size:1.2rem}.client-detail-copy strong{margin-bottom:4px;font-size:1.08rem;display:block}.client-detail-copy p{color:var(--text-mid);margin:0}.language-card{gap:14px;display:grid}.payment-card{gap:12px;display:grid}.profile-actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-action-button{text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.payment-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-card-head p,.payment-card-head strong{margin:0}.language-head{align-items:center;gap:12px;display:flex}.language-head p,.language-head strong{margin:0}.language-switcher{flex-wrap:wrap;gap:10px;display:flex}.language-button{color:#47506a;background:#fff;border:1px solid #161c2d14;border-radius:999px;padding:10px 14px;font-weight:700}.language-button-active{color:#fff;background:#3765f4;border-color:#3765f4}.panel-loading,.panel-error{text-align:center;place-items:center;min-height:180px;display:grid}.loading-pulse{background:radial-gradient(circle,#3765f44d,#3765f40d);border-radius:50%;width:74px;height:74px;animation:1.8s infinite pulse}.app-nav{background:#fff;border-top:1px solid #161c2d0d;grid-template-columns:repeat(5,1fr);align-items:center;padding:12px 10px 20px;display:grid;position:relative}.nav-icon-button{color:#1a1a1a;background:0 0;border:none;justify-items:center;gap:6px;font-size:.68rem;display:grid;position:relative}.nav-label{color:var(--text-mid);white-space:nowrap;font-size:.78rem;line-height:1;display:block}.nav-icon{place-items:center;width:24px;height:24px;display:grid}.nav-icon-plus{color:#fff;background:linear-gradient(135deg,#89dc3b 0%,#6bcf2a 100%);border-radius:50%;width:52px;height:52px;box-shadow:0 12px 24px #89dc3b61}.nav-icon-primary{transform:translateY(-18px)}.nav-icon-active{color:var(--accent-strong)}.nav-badge{color:#ff5771;font-size:1rem;line-height:1;position:absolute;top:2px;right:14px}.catalog-modal-backdrop{z-index:20;background:#151d3085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.catalog-modal{background:#fff;border-radius:26px;gap:16px;width:min(100%,420px);padding:18px;display:grid;position:relative;box-shadow:0 26px 80px #0f1b3a3d}.catalog-modal-close{position:absolute;top:14px;left:14px}.catalog-modal-head{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding-top:40px;display:grid}.catalog-modal-head h3{margin:0 0 4px;font-size:1.05rem;line-height:1.3}.catalog-modal-image-wrap{background:#eef3ff;border-radius:18px;width:72px;height:72px;overflow:hidden}.catalog-modal-image{object-fit:cover;width:100%;height:100%;display:block}.catalog-modal-image-fallback{color:#4163d8;place-items:center;font-weight:800;display:grid}.catalog-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.catalog-modal-total{background:#f7f8fd;border-radius:18px;padding:14px}.catalog-modal-total span{color:var(--text-mid);margin:0}.catalog-modal-total strong{margin-top:6px;font-size:1.2rem;display:block}.payment-modal{width:min(100%,380px)}.payment-modal-head,.payment-modal-fields-single{grid-template-columns:1fr}.payment-type-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.payment-type-button{color:#47506a;background:#fff;border:1px solid #161c2d14;border-radius:14px;padding:12px 10px;font-weight:700}.payment-type-button-active{color:#fff;background:#3765f4;border-color:#3765f4}.payment-currency-button-active{color:#fff;background:#89dc3b;border-color:#89dc3b}.payment-widget-card{background:#fafbff;border-radius:18px;align-items:center;padding:16px;display:flex}.payment-widget-content{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.payment-widget-info{flex-direction:column;flex:1;gap:4px;display:flex}.payment-widget-label{color:var(--text-soft);text-transform:capitalize;margin:0;font-size:13px}.payment-widget-side{justify-items:end;gap:10px;display:grid}.payment-widget-status{color:#467a1d;text-transform:capitalize;background:#89dc3b24;border-radius:999px;margin:0;padding:6px 10px;font-size:12px;font-weight:700}.payment-widget-amount{color:#171717;font-size:24px;font-weight:700;line-height:1.2}.payment-widget-meta{color:var(--text-soft);margin:0;font-size:12px}.payment-widget-icon{color:#fff;background:linear-gradient(135deg,#89dc3b 0%,#70c030 100%);border-radius:14px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}@keyframes pulse{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=520px){.app-shell{padding:0}.app-surface{border-radius:0;width:100%;height:100vh;min-height:100vh}.app-content{padding:8px 8px 96px}}@media (width>=900px){.app-shell{padding:32px}.app-surface{grid-template-rows:minmax(0,1fr);grid-template-columns:176px minmax(0,1fr);min-height:calc(100vh - 64px)}.app-nav{background:linear-gradient(#f8f9fd 0%,#f1f4fb 100%);border-top:none;border-right:1px solid #161c2d0d;order:-1;grid-template-columns:1fr;align-content:start;gap:14px;padding:24px 16px}.app-content{padding:28px 32px 32px}.nav-icon-button{border-radius:16px;grid-template-columns:44px minmax(0,1fr);place-items:center start;gap:12px;width:100%;padding:10px}.nav-icon-primary{transform:none}.nav-icon-plus{width:48px;height:48px}.nav-icon-active{background:#3765f414}.nav-label{white-space:nowrap;display:block}.identity-row{margin-top:0}.mobile-section,.mobile-section-soft{border-radius:28px;padding:18px}.client-list,.profile-list,.balance-stack{gap:14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-card-body{padding:16px}}