#root{min-height:100vh}:root{--navy-950:#060c24;--navy-900:#101a3b;--gold-600:#d79b1d;--gold-500:#f0b332;--gold-400:#f8cd67;--cream-100:#f9f1dc;--cream-200:#f1e3be;--slate-900:#1a223d;--slate-700:#4a5675;--slate-500:#73809f;--white:#fff;--radius-xl:18px;--radius-2xl:24px;--shadow-soft:0 10px 30px #101a3b1f;--shadow-strong:0 18px 36px #101a3b26}*{box-sizing:border-box}body{color:var(--slate-900);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at top, var(--cream-100) 0%, #efe4c5 35%, #e8d7b0 60%, #e2c88d 100%);min-height:100vh}.app-main{width:100%;max-width:1240px;margin:0 auto;padding:2rem 1rem 3rem}.topbar{border-bottom:4px solid var(--gold-500);background:linear-gradient(90deg, var(--navy-950), var(--navy-900), var(--navy-950));box-shadow:0 18px 32px #050a1e59}.topbar-inner{width:100%;max-width:1240px;margin:0 auto;padding:.9rem 1rem}.topbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand-wrap{align-items:center;gap:.85rem;display:flex}.brand-icon-wrap{background:linear-gradient(135deg,#f6c256,#d99710);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 10px 20px #d9971066}.brand-icon{font-size:1.55rem}.brand-title{color:var(--white);margin:0;font-size:2rem;font-weight:900;line-height:1}.brand-subtitle{color:var(--gold-400);letter-spacing:.11em;margin:.2rem 0 0;font-size:.84rem;font-weight:700}.topbar-links{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;flex-wrap:wrap;gap:.55rem;padding:.5rem;display:flex}.nav-link{color:#ffecc2eb;letter-spacing:.01em;border-radius:999px;padding:.55rem 1rem;font-weight:700;transition:all .22s}.nav-link:hover{color:#ffecb8;background:#ffffff1f}.nav-link.active{color:#231a08;background:linear-gradient(140deg,#f9cc63,#e6a515);box-shadow:0 8px 16px #e6a51573}.dashboard-page{flex-direction:column;gap:2.35rem;max-width:1120px;margin:0 auto;display:flex}.hero-panel{border-radius:var(--radius-2xl);box-shadow:var(--shadow-strong);text-align:center;background:linear-gradient(100deg,#ffffffc7,#fffaf1b3);border:1px solid #e4b64f73;padding:2.1rem 1.6rem}.hero-kicker{color:#bc7010;letter-spacing:.28em;margin:0;font-size:.82rem;font-weight:800}.hero-title{margin:.35rem 0 0;font-size:clamp(2.4rem,5vw,4rem);line-height:1}.hero-text{color:var(--slate-700);margin:.55rem 0 0;font-size:1.35rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}.stat-card{border-radius:var(--radius-2xl);text-align:center;min-height:220px;box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #ccc9c3cc;padding:1.5rem;transition:transform .22s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px)}.stat-glow{opacity:.7;filter:blur(24px);border-radius:50%;width:95px;height:95px;position:absolute;top:-30px;right:-28px}.stat-clients .stat-glow{background:#f8c55f}.stat-orders .stat-glow{background:#94c3ff}.stat-received .stat-glow{background:#8ee6ba}.stat-pending .stat-glow{background:#ff98ad}.stat-icon-wrap{background:#f4efe4;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 1rem;display:flex}.stat-label{color:var(--slate-500);margin:0;font-size:1.1rem;font-weight:700}.stat-value{color:var(--slate-900);margin:.65rem 0 0;font-size:3.1rem;font-weight:900;line-height:1}.stat-value.money{font-size:2.25rem}.accent-blue{color:#215eb5}.accent-green{color:#0f8f54}.accent-rose{color:#b92a4a}.panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;display:grid}.info-panel{border-radius:var(--radius-2xl);min-height:290px;box-shadow:var(--shadow-soft);background:#ffffffdb;border:1px solid #cfcbc0bf;overflow:hidden}.panel-overdue .panel-head{background:linear-gradient(90deg,#da2f53,#ef4a6d)}.panel-due .panel-head{background:linear-gradient(90deg,#d88a12,#f0a21c)}.panel-payments .panel-head{background:linear-gradient(90deg,#0c9b64,#19b47a)}.panel-head{color:var(--white);padding:.95rem 1.2rem}.panel-head h2{margin:0;font-size:1.5rem}.panel-body{padding:1.2rem}.panel-empty{text-align:center;color:var(--slate-500);margin:0;padding:2rem 0;font-size:1.15rem}.panel-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.panel-row{background:#fff9ea;border:1px solid #efe4ca;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.panel-link{color:var(--slate-900);font-weight:700}.panel-link:hover{color:#b8730e}.panel-date,.panel-id{color:var(--slate-700);font-weight:700}.panel-amount{color:#108e55;font-weight:900}.quick-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.action-btn,.btn-primary{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;padding:.9rem 1.35rem;font-size:1.05rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.action-btn:hover,.btn-primary:hover{transform:translateY(-2px)}.btn-dark{background:linear-gradient(90deg, var(--navy-950), #273763);color:var(--white);box-shadow:0 12px 20px #101a3b4d}.btn-gold{color:#251801;background:linear-gradient(90deg,#d88d17,#eeb029);box-shadow:0 12px 20px #d88d1757}.btn-success{color:var(--white);background:linear-gradient(90deg,#128f57,#1fb36f);box-shadow:0 12px 18px #128f5752}.btn-muted{color:#50483b;background:#dad4ca}.page-wrap{max-width:1120px;margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:2rem;display:flex}.page-title{margin:0;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1}.page-subtitle{color:var(--slate-700);margin:.45rem 0 0;font-size:1.13rem}.form-panel,.empty-panel,.detail-card,.client-card,.order-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:#ffffffe6}.form-panel{border-top:4px solid var(--gold-500);margin-bottom:2rem;padding:1.5rem}.form-title{text-align:center;margin:0 0 1.25rem;font-size:1.7rem}.form-grid{gap:1rem;display:grid}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.field-wrap{flex-direction:column;gap:.35rem;display:flex}.field-label{color:#4d5674;font-weight:700}.field-label.center,.progress-text.center,.detail-card-title.center{text-align:center}.field-input{background:var(--white);border:2px solid #d9dee7;border-radius:12px;width:100%;padding:.75rem .85rem;font-size:1rem}.field-input:focus{border-color:#dea338;outline:none}.field-input.center{text-align:center}.form-actions{text-align:center;margin-top:1.3rem}.empty-panel{text-align:center;padding:2.3rem 1.2rem}.empty-icon{font-size:3.2rem}.empty-title{margin:.8rem 0 0;font-size:1.6rem;font-weight:700}.empty-text{color:var(--slate-500);margin:.25rem 0 0}.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.client-card{border-left:4px solid var(--gold-500);padding:1.2rem;transition:transform .2s}.client-card:hover,.order-card:hover{transform:translateY(-3px)}.client-top,.client-id-wrap,.order-title-row,.order-card-row,.payment-row,.payment-row-left,.detail-head-actions,.client-detail-row,.add-payment-row{align-items:center;display:flex}.client-top,.order-card-row{flex-wrap:wrap;justify-content:space-between;gap:1rem}.client-id-wrap,.order-title-row,.payment-row-left,.client-detail-row{gap:.75rem}.client-avatar,.client-detail-avatar{width:52px;height:52px;color:var(--white);background:linear-gradient(135deg,#efbb4a,#d79212);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.client-detail-avatar{width:74px;height:74px;font-size:1.7rem}.client-name,.client-detail-name,.order-id-title{margin:0;font-size:1.35rem;font-weight:800}.client-phone,.order-client,.client-detail-phone{color:#b87413;margin:.2rem 0 0;font-weight:700}.client-delete{cursor:pointer;color:#bd3352;background:0 0;border:0;font-size:1.1rem}.client-meta{color:var(--slate-700);border-top:1px solid #ece8de;flex-direction:column;gap:.25rem;margin-top:.75rem;padding-top:.65rem;display:flex}.client-added{color:var(--slate-500);margin:.75rem 0 0;font-size:.9rem}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{border-left:4px solid var(--gold-500);padding:1.35rem}.order-card.is-overdue{border-left-color:#d73a5b}.order-subtext,.deadline-date,.progress-text,.client-detail-email,.summary-label,.spec-label{color:var(--slate-700);margin:.35rem 0 0}.order-amount-wrap{text-align:right}.order-amount{margin:0;font-size:1.7rem;font-weight:800}.progress-wrap{margin-top:.45rem}.progress-track{background:#d8deea;border-radius:999px;width:170px;overflow:hidden}.progress-sm{height:10px}.progress-lg{width:100%;height:18px}.progress-fill{border-radius:inherit;height:100%}.progress-green{background:linear-gradient(90deg,#1f9f66,#2ec181)}.progress-gold{background:linear-gradient(90deg,#dfa73a,#f1bc4d)}.deadline-badge{margin:0;font-size:1.55rem;font-weight:900}.deadline-overdue{color:#c8294a}.deadline-soon{color:#be770d}.deadline-safe{color:#178f57}.status-chip{border-radius:999px;padding:.35rem .8rem;font-weight:700;display:inline-block}.status-outline{border:2px solid #0000;border-radius:12px}.status-pending{color:#8c6500;background:#fbe8ad;border-color:#efca4d}.status-production{color:#1f5fa6;background:#dbe9ff;border-color:#83b1ef}.status-completed{color:#117344;background:#d8f6e7;border-color:#65c998}.status-delivered{color:#5b6070;background:#e6e7ec;border-color:#b8bdca}.status-paid{color:#0c854f;background:#d0fae5;border-color:#63d19d}.detail-grid{grid-template-columns:2fr 1fr;gap:1.1rem;display:grid}.detail-left-col,.detail-right-col{flex-direction:column;gap:1rem;display:flex}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.detail-card{padding:1.2rem}.client-detail-card,.payment-summary-card,.deadline-card-normal,.deadline-card-overdue{border-top:4px solid var(--gold-500)}.deadline-card-overdue{border-top-color:#d73a5b}.detail-card-title{margin:0 0 1rem;font-size:1.25rem}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.spec-item{text-align:center;background:#f7f4ec;border-radius:12px;padding:.7rem}.spec-icon{font-size:1.3rem}.spec-value,.summary-chip-value,.payment-amount{margin:.25rem 0 0;font-weight:800}.payments-history-list{flex-direction:column;gap:.55rem;display:flex}.payment-row{background:#ebf9ef;border-radius:12px;justify-content:space-between;padding:.7rem}.payment-check-wrap{width:36px;height:36px;color:var(--white);background:#2eaf74;border-radius:50%;justify-content:center;align-items:center;display:flex}.payment-amount{color:#108a53}.status-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.status-toggle-btn,.btn-outline-danger{background:var(--white);cursor:pointer;border:2px solid #d4d9e4;border-radius:12px;padding:.6rem .95rem;font-weight:700}.status-toggle-idle{color:#636e86}.status-toggle-idle:hover{border-color:#dea338}.btn-outline-danger{color:#b9274b;background:#ffedf2;border-color:#f3b9c8}.summary-total-block{text-align:center}.summary-total{margin:.2rem 0 0;font-size:2rem;font-weight:900}.summary-two-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.9rem 0;display:grid}.summary-chip{text-align:center;border-radius:12px;padding:.7rem}.summary-received{color:#118a53;background:#ebf9ef}.summary-pending{color:#c12b4d;background:#ffecef}.summary-progress-wrap{margin:.8rem 0}.add-payment-form{border-top:1px solid #ebe5d6;margin-top:.85rem;padding-top:.85rem}.add-payment-row{gap:.55rem}.add-payment-row .btn-primary{min-width:90px}.deadline-card{text-align:center}.deadline-date-big{margin:0;font-size:2rem;font-weight:900}.deadline-note{border-radius:12px;margin-top:.8rem;padding:.7rem .95rem;display:inline-block}.deadline-note-overdue{background:#ffe8ee}.deadline-note-soon{background:#fff1d2}.deadline-note-safe{background:#e7f8ef}.deadline-note-text{margin:0;font-size:1.2rem;font-weight:900}.warning-text{color:#c22d4f;margin:0;font-size:1.8rem;font-weight:800}.empty-inline{text-align:center;padding:1.4rem}.inline-link{color:#b87714;font-size:1.05rem;font-weight:700}.inline-link:hover{text-decoration:underline}.btn-link-clear{cursor:pointer;background:0 0;border:0;padding:0}.back-btn{margin-bottom:.6rem}@media (width<=1080px){.stats-grid,.panel-grid,.clients-grid,.form-grid.three-col,.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media (width<=760px){.app-main,.topbar-inner{padding-left:.8rem;padding-right:.8rem}.stats-grid,.panel-grid,.clients-grid,.form-grid.two-col,.form-grid.three-col,.summary-two-cards,.spec-grid{grid-template-columns:1fr}.brand-title{font-size:1.7rem}.hero-text{font-size:1.1rem}.order-amount-wrap{text-align:left}}