:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#f5f3ed;background:#151719;font-synthesis:none;--bg:#151719;--card:#232629;--card-2:#1d2022;--gold:#d6ad60;--muted:#929894;--line:#34383a}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -5%,rgba(214,173,96,.09),transparent 28%),var(--bg)}button,input{font:inherit}button{color:inherit}button:active{transform:scale(.98)}.app-shell{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;position:relative;background:#151719f5}main{padding:max(18px,env(safe-area-inset-top)) 18px calc(116px + env(safe-area-inset-bottom));min-height:100dvh}.header{display:flex;align-items:center;justify-content:space-between;margin:3px 0 24px}.header-copy{display:flex;align-items:center;gap:11px;min-width:0}.header h1{margin:0;font-size:27px;letter-spacing:-.8px;line-height:1.15}.header p{color:var(--muted);margin:6px 0 0;font-size:12px}.icon-button{border:1px solid var(--line);width:42px;height:42px;border-radius:14px;background:var(--card);display:grid;place-items:center;padding:0;cursor:pointer;flex:none}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);border:2px solid var(--card);right:9px;top:8px}.demo-line{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin:-8px 0 15px}.demo-badge{color:var(--gold);text-transform:uppercase;letter-spacing:.8px;font-weight:800;font-size:9px;border:1px solid rgba(214,173,96,.35);border-radius:5px;padding:4px 6px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.stats-grid article{border:1px solid #2d3032;background:linear-gradient(145deg,#25282a,#202325);border-radius:17px;padding:13px;min-width:0}.stats-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#d6ad601a;color:var(--gold);margin-bottom:12px}.stats-grid b{display:block;font-size:20px;letter-spacing:-.4px}.stats-grid small{color:var(--muted);display:block;font-size:10px;margin-top:3px}.stats-grid .wide{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:14px 15px}.stats-grid .wide>span{margin:0;width:38px;height:38px}.stats-grid .wide div{flex:1}.stats-grid .wide b{font-size:18px;margin-top:4px}.stats-grid .wide em{color:#7cc398;background:#56ab791f;font-size:10px;font-style:normal;font-weight:700;padding:6px 8px;border-radius:8px}.search-box{height:48px;border-radius:14px;padding:0 15px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid #303436;color:#777d79}.search-box input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:13px}.search-box input::placeholder{color:#767c78}.filters{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:13px -18px 22px;padding:0 18px}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;border:1px solid #323638;background:transparent;color:#969c98;padding:8px 12px;border-radius:10px;font-size:11px;cursor:pointer;transition:.2s}.filters button.active{background:var(--gold);color:#18191a;border-color:var(--gold);font-weight:700}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.section-title h2{font-size:16px;margin:0;letter-spacing:-.25px}.section-title button{border:0;background:0;color:var(--gold);display:flex;align-items:center;padding:4px 0;font-size:11px;cursor:pointer}.estimate-list{display:grid;gap:10px}.estimate-card{width:100%;text-align:left;border:1px solid #2e3234;border-radius:17px;padding:15px;background:linear-gradient(140deg,#25282a,#202325);cursor:pointer;transition:.2s}.estimate-card:hover{border-color:#48463d}.estimate-card-top,.estimate-card-bottom{display:flex;justify-content:space-between;align-items:center}.estimate-number{color:var(--gold);font-weight:700;font-size:10px;letter-spacing:.5px}.status{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:9px;font-weight:700}.status.approved{color:#e0bd79;background:#d6ad601c}.status.sent{color:#8eb7de;background:#4d85b621}.status.paid{color:#82c89f;background:#48a57021}.status.draft{color:#a9aca9;background:#969b981f}.estimate-card h3{margin:13px 0 5px;font-size:15px}.estimate-card p{margin:0 0 16px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.estimate-card-bottom strong{font-size:16px}.estimate-card-bottom span{display:flex;align-items:center;color:#747a76;font-size:10px;gap:4px}.floating-button{position:fixed;z-index:5;right:max(18px,calc((100vw - 520px)/2 + 18px));bottom:calc(78px + env(safe-area-inset-bottom));border:0;border-radius:15px;padding:13px 17px;display:flex;gap:8px;align-items:center;color:#1a1b1b;background:linear-gradient(135deg,#e1bf7d,#c59a4c);font-size:12px;font-weight:800;box-shadow:0 9px 30px #00000059;cursor:pointer}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;height:calc(69px + env(safe-area-inset-bottom));padding:8px 9px env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;background:#1d2022f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #303335}.bottom-nav button{flex:1;height:53px;border:0;background:0;color:#777d79;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;cursor:pointer}.bottom-nav button.active{color:var(--gold)}.bottom-nav button.active svg{filter:drop-shadow(0 2px 6px rgba(214,173,96,.3))}.toast{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 36px);max-width:484px;border:1px solid rgba(214,173,96,.32);border-radius:14px;background:#292b2b;box-shadow:0 12px 35px #0008;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.toast button{border:0;background:0;color:#8d928f;display:grid;place-items:center;padding:3px}.toast span:before{content:"ДЕМО";font-size:8px;color:var(--gold);font-weight:800;margin-right:8px;letter-spacing:.8px}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}.detail-hero{background:linear-gradient(145deg,#292b2d,#202325);border:1px solid #333637;padding:18px;border-radius:20px}.detail-hero>div{display:flex;justify-content:space-between;align-items:center}.detail-hero .icon-button{border:0;background:transparent;width:30px;height:30px}.detail-hero>p{margin:22px 0 7px;color:var(--muted);font-size:12px}.detail-hero>strong{display:block;font-size:28px;letter-spacing:-1px}.detail-hero>small{display:block;margin-top:12px;color:#8b918d;font-size:10px}.progress-card,.totals{background:var(--card-2);border:1px solid #2e3233;border-radius:16px;padding:15px;margin-top:11px}.progress-card>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.progress-card b{color:#eee;font-size:11px}.progress{height:5px;background:#383b3c;border-radius:5px;margin:12px 0 8px}.progress i{height:100%;display:block;background:var(--gold);border-radius:5px}.progress-card small{color:var(--muted);font-size:9px}.work-list{border:1px solid #2f3234;border-radius:16px;overflow:hidden}.work-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--card);border-bottom:1px solid #343738}.work-list article:last-child{border:0}.work-list h3{font-size:11px;margin:0 0 5px}.work-list p{font-size:9px;color:var(--muted);margin:0}.work-list b{font-size:11px;white-space:nowrap}.totals div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:10px}.totals b{color:#d9dbd9}.totals .grand{border-top:1px solid #343738;padding-top:13px;margin:13px 0 0;font-size:13px;color:#fff}.totals .grand b{font-size:16px;color:var(--gold)}.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.action-row button{border:1px solid #36393a;background:var(--card);border-radius:13px;height:48px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;cursor:pointer}.action-row .gold{background:var(--gold);color:#191a1a;border-color:var(--gold);font-weight:800}.page-action{display:flex;justify-content:flex-end;margin:12px 0}.page-action button,.outline-button{border:1px solid rgba(214,173,96,.4);background:#d6ad6014;color:var(--gold);border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}.contact-list,.category-list,.menu-list{margin-top:16px;border:1px solid #2f3234;border-radius:17px;overflow:hidden}.contact-list button,.category-list button,.menu-list button{width:100%;border:0;border-bottom:1px solid #323536;background:var(--card);padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.contact-list button:last-child,.category-list button:last-child,.menu-list button:last-child{border-bottom:0}.contact-list button>div,.category-list button>div{flex:1}.contact-list h3,.category-list h3{font-size:12px;margin:0 0 5px}.contact-list p,.category-list p{font-size:9px;color:var(--muted);margin:0}.contact-list button>svg,.category-list button>svg,.menu-list button>svg:last-child{color:#666c68}.avatar,.large-avatar{display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#8d7446,#4f432d);color:#f0dba8;font-weight:800;width:42px;height:42px;font-size:11px}.category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.category-icon.bronze{background:#423729;color:#d3a76a}.category-icon.violet{background:#3a3145;color:#b9a0d6}.category-icon.blue{background:#283b47;color:#8dbed8}.category-icon.green{background:#283c34;color:#8bc5a5}.outline-button{margin:13px auto;background:transparent;width:100%;justify-content:center;height:44px}.feature-card{padding:20px;border-radius:20px;background:linear-gradient(145deg,#3a3226,#242628 65%);border:1px solid #443c2f}.feature-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#1b1c1c;background:var(--gold);margin-bottom:18px}.feature-card small{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:800}.feature-card h2{font-size:19px;margin:8px 0}.feature-card p{font-size:10px;color:#a8aaa7;line-height:1.6;margin:0 0 17px}.feature-card button{border:0;background:var(--gold);color:#191a1a;border-radius:11px;padding:10px 14px;font-size:10px;font-weight:800}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.calculator-grid button{position:relative;min-height:140px;padding:16px;text-align:left;background:var(--card);border:1px solid #303334;border-radius:16px;cursor:pointer}.calculator-grid button>svg:first-child{color:var(--gold)}.calculator-grid button>svg:last-child{position:absolute;right:12px;bottom:13px;color:#666b68}.calculator-grid h3{font-size:12px;margin:18px 0 6px}.calculator-grid p{font-size:9px;color:var(--muted);margin:0;line-height:1.4}.profile-preview{display:flex;align-items:center;gap:13px;padding:16px;background:linear-gradient(145deg,#2a2c2d,#222527);border:1px solid #323536;border-radius:18px}.profile-preview>div:nth-child(2){flex:1}.profile-preview h2{font-size:14px;margin:0 0 5px}.profile-preview p{font-size:9px;margin:0;color:var(--muted)}.large-avatar{width:51px;height:51px;border-radius:16px;font-size:13px}.menu-list button>svg:first-child{color:var(--gold)}.menu-list button span{flex:1;font-size:11px}.version{text-align:center;color:#5f6461;font-size:9px;margin-top:24px}.profile-main{text-align:center;padding:23px 15px;background:var(--card);border:1px solid #303334;border-radius:19px}.profile-main .large-avatar{margin:auto;width:72px;height:72px;font-size:17px;border-radius:22px}.profile-main h2{margin:14px 0 5px;font-size:18px}.profile-main p{font-size:9px;color:var(--muted);margin:0 0 16px}.profile-main button{background:transparent;border:1px solid rgba(214,173,96,.4);color:var(--gold);border-radius:10px;padding:9px 13px;font-size:10px}.catalog-toolbar{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin:12px 0}.catalog-toolbar button{min-height:44px;border:1px solid #363a3b;border-radius:12px;background:var(--card);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;cursor:pointer}.catalog-toolbar button.gold{background:var(--gold);border-color:var(--gold);color:#181919}.catalog-toolbar button:disabled{opacity:.4;cursor:not-allowed}.category-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px -18px;padding:0 18px}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{flex:none;max-width:230px;min-height:39px;border:1px solid #343839;background:var(--card);color:#989e9a;padding:8px 12px;border-radius:11px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.category-tabs button.active{border-color:#d6ad608c;background:#d6ad601f;color:var(--gold);font-weight:700}.category-manager{margin:13px 0 16px;background:var(--card-2);border:1px solid #343738;border-radius:17px;overflow:hidden}.manager-heading{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #343738}.manager-heading h2{font-size:13px;margin:0 0 4px}.manager-heading p{font-size:9px;color:var(--muted);margin:0}.manager-heading>button{border:1px solid rgba(214,173,96,.4);color:var(--gold);background:#d6ad6012;border-radius:9px;display:flex;align-items:center;gap:5px;padding:8px 10px;font-size:9px}.category-manager article{display:flex;align-items:center;gap:7px;padding:10px 9px;border-bottom:1px solid #303435}.category-manager article:last-child{border-bottom:0}.category-name{min-width:0;flex:1;border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;padding:3px;color:#e8e7e2}.category-name>svg{color:var(--gold);flex:none}.category-name span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-name small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.category-controls{display:flex;gap:3px}.category-controls button,.catalog-work-list article>button{width:34px;height:34px;border:0;border-radius:9px;background:#2d3032;color:#989d9a;display:grid;place-items:center;cursor:pointer}.category-controls button:disabled{opacity:.25}.category-controls button.danger,.catalog-work-list article>button.danger{color:#d98383}.catalog-groups{display:grid;gap:12px}.catalog-group{border:1px solid #303435;border-radius:17px;background:var(--card-2);overflow:hidden}.catalog-group-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #323637}.catalog-group-heading h2{font-size:14px;margin:0 0 4px}.catalog-group-heading p{font-size:9px;color:var(--muted);margin:0}.catalog-group-heading>button{border:0;background:transparent;color:var(--gold);font-size:9px}.catalog-work-list article{display:grid;grid-template-columns:minmax(0,1fr) auto 34px 34px;align-items:center;gap:8px;padding:13px 10px 13px 14px;border-bottom:1px solid #323637}.catalog-work-list article:last-child{border-bottom:0}.catalog-work-list h3{font-size:11px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-work-list p{font-size:9px;color:var(--muted);margin:0}.catalog-work-list strong{font-size:11px;color:#e8d3a5;white-space:nowrap}.catalog-empty{padding:22px 14px;text-align:center;color:var(--muted);font-size:10px}.catalog-empty.standalone{border:1px dashed #343839;border-radius:15px;margin-top:15px}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:#050607b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding-top:env(safe-area-inset-top)}.modal-sheet{width:100%;max-width:520px;max-height:calc(100dvh - 30px);overflow:auto;background:#232629;border:1px solid #3a3d3e;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #0008}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-heading h2{font-size:17px;margin:0}.modal-heading button{width:38px;height:38px;border:0;border-radius:11px;background:#303335;color:#9ba09c;display:grid;place-items:center}.catalog-form{display:grid;gap:14px}.catalog-form label{display:grid;gap:7px;color:#aeb2af;font-size:9px;font-weight:600}.catalog-form input{width:100%;height:46px;border:1px solid #3b3f40;border-radius:12px;background:#1b1e20;color:#f2f1ec;padding:0 13px;outline:0;font-size:12px}.catalog-form input:focus{border-color:#d6ad60a6;box-shadow:0 0 0 3px #d6ad6014}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-hint{font-size:9px;color:var(--muted);line-height:1.55;margin:0}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}.modal-actions button{height:45px;border:1px solid #3b3e3f;border-radius:12px;background:#2c2f31;font-size:10px;font-weight:700}.modal-actions button.gold{background:var(--gold);border-color:var(--gold);color:#181919}.modal-actions button:disabled{opacity:.4}.modal-actions button.danger-fill{background:#8f4848;border-color:#8f4848;color:#fff}.delete-confirm{border:1px solid #373a3b;background:#1d2022;border-radius:14px;padding:14px;margin-bottom:14px}.delete-confirm p{font-size:11px;line-height:1.55;margin:0 0 8px}.delete-confirm small{font-size:9px;color:var(--muted)}@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100dvh - 48px);border-radius:28px;overflow:hidden;border:1px solid #2c2f30;box-shadow:0 30px 80px #0008}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.floating-button{right:calc((100vw - 520px)/2 + 18px);bottom:102px}.toast{bottom:106px}.modal-backdrop{align-items:center;padding:24px}.modal-sheet{border-radius:22px;max-height:calc(100dvh - 48px)}}@media(max-width:360px){main{padding-left:13px;padding-right:13px}.stats-grid{gap:6px}.stats-grid article{padding:11px}.filters,.category-tabs{margin-left:-13px;margin-right:-13px;padding:0 13px}.header h1{font-size:24px}.catalog-work-list article{grid-template-columns:minmax(0,1fr) auto 32px 32px;gap:5px;padding-left:11px}.catalog-work-list article>button{width:32px;height:32px}.category-controls button{width:31px;height:31px}}@media(prefers-reduced-motion:no-preference){.estimate-card,.bottom-nav button,.floating-button,.calculator-grid button{transition:transform .18s ease,border-color .18s ease,color .18s ease}.toast{animation:slide-up .25s ease}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}}