:root{--bg:#f0f0ed;--surface:#fff;--soft:#f7f7f4;--ink:#252722;--muted:#70736b;--line:#e6e7e1;--accent:#a08c62;--glass:rgba(255,255,255,.68);--shadow:0 8px 32px #25272206;--green:#49725d;--greenbg:#edf4ef;--amber:#8c672d;--amberbg:#f7f0df;--red:#aa5148;--redbg:#faeeeb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a18e69;outline-offset:3px}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.2px;font-weight:550}h2{font-size:18px;font-weight:550;letter-spacing:-.4px}h3{font-size:14px;font-weight:600}p{line-height:1.55}small,.muted{color:var(--muted)}small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:650;color:var(--muted)}.icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}.skip{position:fixed;left:12px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:50}.skip:focus{top:12px}
#review{height:44px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#252722;color:#e9e9e3;font-size:11px;letter-spacing:.25px;position:relative;z-index:10}#review button,#review a{min-height:36px;display:inline-flex;gap:7px;align-items:center;color:inherit}#review select{max-width:300px;border:0;background:#3e403a;border-radius:6px;padding:6px 10px;color:#fff;font-size:11px}.review-controls{display:flex;gap:14px;align-items:center}.wordmark{font-size:15px;letter-spacing:2.8px;font-weight:600}.brand-symbol{width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:17px;letter-spacing:-3px;padding-right:3px}.brand{display:flex;gap:10px;align-items:center}.app-top{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:24px}.glass{background:var(--glass);border:1px solid #ffffffc4;box-shadow:inset 0 1px 0 #ffffffc9,var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.top-tabs{display:flex;gap:3px;padding:5px;border-radius:30px}.top-tabs a{min-height:36px;padding:0 22px;display:flex;align-items:center;border-radius:24px;font-size:12px}.top-tabs a.active{background:var(--ink);color:var(--surface)}.top-tools{display:flex;align-items:center;gap:12px}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-btn:hover{background:var(--line)}.avatar{width:36px;height:36px;background:#d9dfd2;color:#47523d;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:650;flex-shrink:0}.avatar.large{width:68px;height:68px;font-size:20px}.avatar.alt{background:#e9dfd6;color:#79674d}.shell{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:calc(100vh - 132px)}.rail{padding:12px 12px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.rail a{width:64px;min-height:64px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:10px;border-radius:16px}.rail a.active{background:var(--ink);color:var(--surface);box-shadow:0 6px 16px #25272212}.rail a:hover:not(.active){background:var(--surface)}.rail-spacer{flex:1;min-height:24px}main{padding:18px 32px 34px 14px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-head .eyebrow{margin-bottom:9px}.page-head p{font-size:12px;color:var(--muted);margin-top:7px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border-radius:24px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:550;transition:transform 120ms,background 120ms;white-space:nowrap}.btn:hover{background:var(--soft)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn.primary:hover{background:#42453c;color:white}.btn .icon{width:16px;height:16px}.btn.text{border-color:transparent;background:transparent}.btn.danger{color:var(--red)}.panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px;min-width:0;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-head small{display:block;margin-top:5px}.grid{display:grid;gap:18px}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.split.wide{grid-template-columns:minmax(0,2fr) minmax(260px,.85fr)}.stack{display:flex;flex-direction:column;gap:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;min-height:130px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:34px;letter-spacing:-1.5px;font-weight:500;line-height:1.1;margin:13px 0 8px}.metric small{font-size:11px}.metric.accent{background:#dfe3d6;border-color:#dfe3d6}.metric.accent .metric-top{color:#505744}.metric.accent strong{color:#343d2a}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;font-size:10px;white-space:nowrap;background:#f0f1ed;color:#60665b;font-weight:550}.badge.green{color:var(--green);background:var(--greenbg)}.badge.amber{color:var(--amber);background:var(--amberbg)}.badge.red{color:var(--red);background:var(--redbg)}.badge.gold{background:#f5efdf;color:#8c7448}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.list-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);min-height:70px}.list-row:last-child{border-bottom:0}.list-row h3{margin-bottom:6px}.list-row small{font-size:11px}.list-row .right{text-align:right;margin-left:auto}.list-row .right small{display:block;margin-top:7px}.date-block{width:44px;height:48px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;font-weight:550}.date-block span{font-size:9px;color:var(--muted);margin-bottom:3px;text-transform:uppercase}.pill-tabs{display:flex;gap:5px;flex-wrap:wrap}.pill-tabs a,.pill-tabs button{min-height:40px;border-radius:22px;padding:0 15px;display:inline-flex;align-items:center;font-size:12px;color:var(--muted)}.pill-tabs .active{background:var(--ink);color:var(--surface)}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:0 14px;min-height:44px}.search input{width:100%;min-width:100px;background:transparent;border:0;outline:none;color:var(--ink);font-size:12px}.search:focus-within{outline:2px solid #a18e69}.search .icon{width:17px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:16px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child{padding-left:0}td:last-child{text-align:right}tr:last-child td{border-bottom:0}td .secondary{display:block;font-size:10px;color:var(--muted);margin-top:5px}.value{font-variant-numeric:tabular-nums;font-weight:550}.subtle-box{padding:18px;background:var(--soft);border-radius:14px}.note{padding:14px 17px;border-radius:12px;background:var(--amberbg);color:var(--amber);font-size:12px;line-height:1.55;display:flex;align-items:flex-start;gap:10px}.note.green{background:var(--greenbg);color:var(--green)}.note.red{background:var(--redbg);color:var(--red)}.note .icon{width:17px;height:17px;flex-shrink:0;margin-top:1px}.note a{text-decoration:underline}.kv{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.kv:last-child{border:0}.kv span:first-child{color:var(--muted)}.kv strong{font-weight:550;text-align:right}.kv.total{font-size:18px;padding-top:20px}.kv.total strong{letter-spacing:-.5px}.spacer{height:20px}.tinyspacer{height:10px}.divider{height:1px;background:var(--line);margin:20px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:11px;color:var(--muted)}input.control,select.control,textarea.control{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:100%;min-height:46px;padding:12px;font-size:13px}textarea.control{resize:vertical;min-height:87px}.field small{font-size:10px}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px}.check input{width:18px;height:18px;accent-color:var(--ink)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.steps{display:flex;align-items:center;gap:0;margin-bottom:24px}.step{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);flex:1;min-height:36px}.step:after{content:'';height:1px;flex:1;background:var(--line);margin:0 12px}.step:last-child{flex:0 0 auto}.step:last-child:after{display:none}.step b{height:25px;width:25px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-weight:500;font-size:10px}.step.active{color:var(--ink)}.step.active b,.step.done b{background:var(--ink);color:var(--surface);border-color:var(--ink)}.product-art{background:#efefeb;border-radius:15px;display:grid;place-items:center;color:#474c46;min-height:110px;overflow:hidden}.product-art svg{width:100%;max-width:180px;height:150px}.product-art.big{min-height:290px}.product-art.big svg{height:260px}.product-art.mini{width:50px;min-height:54px;flex-shrink:0;border-radius:9px}.product-art.mini svg{height:48px}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;display:block}.product-card .product-art{margin-bottom:16px}.product-card h3{margin:10px 2px 6px}.product-card .row{margin:10px 2px 3px}.product-card small{font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.client-card{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.client-card h3{font-size:16px;margin:16px 0 7px}.client-card .kv{margin-top:16px;padding-bottom:0;border:0;font-size:11px}.timeline{padding-top:8px}.event{display:flex;gap:16px;padding-bottom:24px;position:relative}.event:before{content:'';position:absolute;left:5px;top:14px;bottom:0;border-left:1px solid var(--line)}.event:last-child:before{display:none}.event .dot{width:11px;height:11px;border:2px solid #9fa78e;background:var(--surface);border-radius:50%;margin-top:4px;flex-shrink:0;z-index:1}.event p{font-size:12px;margin-top:6px;color:var(--muted)}.event small{font-size:10px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kanban-col{padding:16px;border-radius:19px;background:#e8e9e3;min-height:466px}.kanban-head{display:flex;justify-content:space-between;margin:4px 2px 20px;font-size:12px;font-weight:550}.kanban-head span{color:var(--muted)}.order-card{display:block;background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:14px;margin-bottom:12px}.order-card h3{margin:17px 0 6px}.order-card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid var(--line);padding-top:14px;font-size:11px}.order-card .foot span{color:var(--muted)}.dotline{height:5px;border-radius:5px;background:var(--line);overflow:hidden;margin:16px 0}.dotline span{display:block;height:100%;background:#9da88d;border-radius:5px}.countdown{padding:24px;background:#e5e9dd;border-radius:18px}.countdown strong{display:block;font-size:50px;letter-spacing:-2px;font-weight:500;margin:12px 0}.countdown strong span{font-size:14px;letter-spacing:0;font-weight:400}.counter{display:flex;align-items:center;justify-content:space-between;background:var(--soft);padding:10px;border-radius:16px;margin:24px 0}.counter button{height:44px;width:44px;border-radius:50%;background:var(--surface);font-size:22px;border:1px solid var(--line)}.counter strong{font-size:28px;font-weight:500}.counter small{font-size:12px;font-weight:400}.modal-stage{position:relative;min-height:565px;display:grid;place-items:center}.ghost-background{position:absolute;inset:0;opacity:.35;filter:blur(2px);pointer-events:none;overflow:hidden}.modal{position:relative;z-index:2;width:min(560px,100%);background:var(--glass);backdrop-filter:blur(24px);border:1px solid #fff;border-radius:24px;padding:28px;box-shadow:0 20px 90px #25272216}.modal .panel-head{margin-bottom:12px}.modal h2{font-size:23px}.modal .form-footer{margin-top:16px}.message-bubble{background:var(--soft);padding:24px;border-radius:16px;font-size:15px;line-height:1.8;margin:22px 0}.message-meta{display:flex;gap:8px;flex-wrap:wrap}.donut{width:150px;height:150px;transform:rotate(-90deg);flex-shrink:0}.donut text{transform:rotate(90deg);transform-origin:75px 75px;fill:var(--ink);font-size:23px;font-family:inherit;letter-spacing:-1px}.chart-row{display:flex;gap:24px;align-items:center;justify-content:center;padding:12px 0}.legend{display:flex;flex-direction:column;gap:15px;min-width:120px}.legend>div{display:flex;gap:8px;align-items:center;font-size:11px}.swatch{height:8px;width:8px;border-radius:3px;flex-shrink:0}.legend strong{margin-left:auto;font-weight:550}.bars{display:flex;gap:20px;align-items:flex-end;height:158px;padding:12px 12px 0}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.bar{width:100%;max-width:62px;border-radius:7px 7px 2px 2px;background:#8b9780}.bar-col b{font-size:13px;font-weight:500;color:var(--ink)}.empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:32px}.empty>.icon{width:46px;height:46px;color:#9b9f92}.empty h2{font-size:24px}.empty p{max-width:360px;color:var(--muted);font-size:13px}.skeleton{background:#eceee7;border-radius:8px;min-height:15px;animation:shimmer 1.6s ease-in-out infinite alternate}.skeleton.metric{height:130px}.skeleton.line{margin:22px 0;width:80%}.skeleton.line.short{width:35%}.success-icon{height:65px;width:65px;border-radius:50%;display:grid;place-items:center;background:var(--greenbg);color:var(--green);margin:0 auto 18px}.success-icon .icon{width:28px;height:28px}.success-title{text-align:center;margin-bottom:25px}.success-title h2{font-size:28px;margin:14px 0 8px}.auth-stage{min-height:calc(100vh - 44px);background:#171a18;color:#f1f1eb;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:70px 36px}.auth-brand{position:absolute;top:38px;left:40px}.auth-stage:before,.auth-stage:after{content:'';position:absolute;width:550px;height:650px;transform:rotate(-28deg);border:1px solid #ffffff16;background:linear-gradient(120deg,#3e443f,#161917 60%);box-shadow:30px 40px 80px #0009}.auth-stage:before{left:-160px;top:-230px}.auth-stage:after{right:-200px;bottom:-330px;transform:rotate(38deg)}.auth-card{width:850px;min-height:445px;position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff40;border-radius:28px;overflow:hidden;background:#ffffff07;backdrop-filter:blur(22px);box-shadow:0 28px 90px #0004;z-index:1}.auth-card:before{content:'';position:absolute;inset:-20% -10% -20% 49%;background:linear-gradient(130deg,#ffffff18,#ffffff04);border-left:1px solid #ffffff45;transform:skewX(9deg);box-shadow:inset 5px 0 10px #ffffff04;transition:transform 550ms cubic-bezier(.45,0,.2,1),left 550ms cubic-bezier(.45,0,.2,1)}.auth-card.reverse:before{transform:skewX(-9deg);left:-10%;right:49%}.auth-copy,.auth-form{padding:52px 43px;z-index:1;align-self:center}.auth-copy .eyebrow{color:#b6bcae}.auth-copy h1{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-1.7px;line-height:1.12;margin:18px 0}.auth-copy p{font-size:12px;color:#bfc4bb;max-width:230px}.auth-form h2{font-size:23px;margin-bottom:28px}.auth-form .field{margin-bottom:19px}.auth-form .field>span{color:#c4cabf}.auth-form input.control{background:#ffffff09;border-color:#ffffff26;color:#fff;border-radius:12px}.auth-form .btn{background:#ffffff12;color:#fff;border-color:#ffffff50;width:100%;box-shadow:inset 0 1px 0 #ffffff25}.auth-form .muted{color:#b6bcae}.auth-form a.link{display:block;text-align:center;margin-top:20px;font-size:11px;color:#bfc4bb}.auth-footer{position:absolute;bottom:30px;left:40px;font-size:10px;letter-spacing:1px;color:#82897e}.auth-card.reverse .auth-copy{grid-column:2;grid-row:1}.auth-card.reverse .auth-form{grid-column:1;grid-row:1}.catalog{padding:46px 40px 60px;max-width:1500px;margin:auto}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}.catalog h1{font-family:Georgia,serif;font-size:51px;font-weight:400;letter-spacing:-2px;margin:18px 0}.catalog p{max-width:620px;color:var(--muted);font-size:13px}.catalog-intro{display:flex;gap:40px;margin:28px 0}.catalog-intro strong{font-size:26px;display:block;font-weight:500}.catalog-intro span{font-size:11px;color:var(--muted)}.catalog-controls{position:sticky;top:0;z-index:4;padding:13px;border-radius:20px;margin-bottom:28px;display:flex;gap:12px;align-items:center}.catalog-controls select{border:0;background:var(--surface);color:var(--ink);padding:12px;border-radius:20px;font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screen-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;transition:transform 180ms}.screen-card:hover{transform:translateY(-3px)}.screen-card img{display:block;width:100%;aspect-ratio:1280/900;object-fit:cover;border-bottom:1px solid var(--line)}.screen-card .screen-info{padding:18px}.screen-card h3{margin:10px 0 9px;font-size:16px}.screen-card p{font-size:11px;line-height:1.6;min-height:36px}.screen-info .row{justify-content:space-between}.screen-card .number{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.screen-info .source{font-size:10px;color:var(--muted)}.catalog-empty{grid-column:1/-1;padding:70px;text-align:center}.decision-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.decision{border-top:1px solid var(--line);padding:18px 0;font-size:13px;line-height:1.7}.decision strong{display:block;margin-bottom:7px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);background:var(--ink);color:var(--surface);box-shadow:0 8px 28px #0002;padding:14px 22px;border-radius:16px;z-index:40;opacity:0;pointer-events:none;transition:opacity 180ms,transform 180ms;max-width:90vw;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.content-enter{animation:enter 240ms ease-out both}.content-enter .metric,.content-enter>.grid{animation:enter 320ms ease-out both}.content-enter .metric:nth-child(2){animation-delay:35ms}.content-enter .metric:nth-child(3){animation-delay:65ms}.content-enter .metric:nth-child(4){animation-delay:95ms}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes shimmer{from{opacity:.55}to{opacity:1}}.reduced-motion *{animation:none!important;transition:none!important}.reduced-glass .glass,.reduced-glass .modal{background:var(--surface);backdrop-filter:none}.reduced-glass .auth-card{background:#292e29;backdrop-filter:none}.dark{--bg:#1d211d;--surface:#292e28;--soft:#242923;--ink:#eeeee7;--muted:#a9b09f;--line:#3e4539;--glass:rgba(47,54,43,.85);--green:#b8d4c1;--greenbg:#354b3c;--amber:#ddc796;--amberbg:#4b4332;--red:#efb7ae;--redbg:#533b36}.dark .glass,.dark .modal{border-color:#ffffff18}.dark .kanban-col{background:#242a23}.dark .metric.accent,.dark .countdown{background:#3a4632}.dark .metric.accent strong,.dark .metric.accent .metric-top{color:#e4eadc}.dark .product-art{background:#373e32;color:#c5cdbb}.dark .badge:not(.green):not(.amber):not(.red){background:#45483c;color:#d4d5bd}.dark .skeleton{background:#394133}::view-transition-old(root){animation:none}::view-transition-new(root){animation:reveal 650ms ease-in-out;clip-path:circle(150% at var(--origin-x,95%) var(--origin-y,80px))}@keyframes reveal{from{clip-path:circle(0 at var(--origin-x,95%) var(--origin-y,80px))}to{clip-path:circle(150% at var(--origin-x,95%) var(--origin-y,80px))}}
[hidden]{display:none!important}