:root{--ink:#281f21;--muted:#8c767a;--line:#eadbdd;--pink:#edc2cb;--soft:#f7e9ec;--paper:#fcf9f9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:190px minmax(0,1fr)}.sidebar{background:#21191b;color:#fff6f6;padding:28px 15px;display:flex;flex-direction:column}.brand{padding:0 13px 30px;font-size:18px;font-weight:700;letter-spacing:-.04em}.brand span{display:block;color:#dbaeba;font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px}.sidebar nav{display:grid;grid-gap:3px;gap:3px}.sidebar a{color:#cdbcc0;text-decoration:none;padding:11px 13px;border-radius:8px;font-size:14px}.sidebar a:first-child,.sidebar a:hover{background:var(--pink);color:var(--ink);font-weight:700}.account{margin-top:auto;border-top:1px solid #4c3b3e;padding:17px 13px 0;font-size:13px}.account small{color:#cdbcc0}.main{padding:30px clamp(20px,4vw,54px);overflow:hidden}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px}.page-head h1{font-size:28px;letter-spacing:-.05em;margin:0}.page-head p{margin:7px 0 0;color:var(--muted);font-size:14px}.primary{display:inline-block;background:#25191c;color:#fff;text-decoration:none;border-radius:9px;padding:12px 15px;font-size:13px;font-weight:700;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.metric{padding:17px}.metric p{margin:0 0 10px;font-size:12px;color:var(--muted)}.metric strong{font-size:21px;letter-spacing:-.04em}.metric small{display:block;margin-top:7px;color:#a64d64;font-size:11px}.panel{padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h2{margin:0;font-size:15px}.panel a{color:#8f3550;font-size:13px}.attention{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.attention div{border-left:3px solid var(--pink);padding:5px 12px}.attention b,.attention span{display:block}.attention b{font-size:16px}.attention span{color:var(--muted);font-size:12px;margin-top:3px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filter{background:#fff;border:1px solid var(--line);color:#5d4a4e;padding:9px 11px;border-radius:8px;font-size:12px;cursor:pointer}.filter.active{background:var(--soft);border-color:#bd657a;color:#7d3147;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px}.product-card{position:relative;min-height:282px;overflow:hidden;border-radius:14px;color:#fff;text-decoration:none;background:#7d675f;box-shadow:0 2px 10px #321e2320}.product-card:nth-child(2n){background:#79595c}.product-card:nth-child(3n){background:#5b6654}.product-card:nth-child(4n){background:#876455}.product-photo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#786159 0 14%,transparent 15%),radial-gradient(ellipse at 50% 50%,#423735 0 27%,transparent 28%),linear-gradient(135deg,#ded5cd 0 38%,#aa9384 39% 57%,#695853 58%)}.product-shade{position:absolute;inset:0;background:linear-gradient(#2015179e,transparent 44%,#201517e8)}.product-top{position:absolute;inset:0 0 auto;padding:13px;display:flex;justify-content:space-between;gap:6px}.product-title{font-size:14px;font-weight:700;line-height:1.15;max-width:115px}.status{font-size:10px;background:#f2d2d9;color:#572230;border-radius:999px;padding:5px 7px;white-space:nowrap;font-weight:700}.status.in-transit{background:#f3e2bc;color:#624715}.status.in-warehouse{background:#d8ede5;color:#235e4c}.status.awaiting{background:#dfe7f0;color:#35506c}.product-price{position:absolute;inset:auto 13px 13px}.product-price span{display:block;font-size:11px;color:#e8d9db;margin-top:5px}.product-price b{font-size:17px;color:#fff;letter-spacing:-.03em;margin-left:4px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:auto}.products-table{border-collapse:collapse;width:100%;min-width:920px;font-size:13px}.products-table th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;padding:13px}.products-table td{border-top:1px solid #f0e5e6;padding:13px;vertical-align:middle}.products-table .number{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.product-link{color:var(--ink);font-weight:700;text-decoration:none}.external{color:#90384f;text-decoration:none;font-size:12px}.mode{margin-left:auto;display:flex;gap:5px}.mode button{border:1px solid var(--line);background:#fff;padding:9px 10px;border-radius:8px;font-size:12px;cursor:pointer}.mode button.active{background:#25191c;color:white;border-color:#25191c}.detail-grid{display:grid;grid-template-columns:430px 1fr;grid-gap:20px;gap:20px}.detail-image{height:300px;background:radial-gradient(ellipse at 50% 48%,#7d655d 0 16%,transparent 17%),radial-gradient(ellipse at 50% 49%,#423735 0 28%,transparent 29%),linear-gradient(135deg,#e8dfd7,#b19889);border-radius:14px}.costs{margin-top:20px}.costs table{width:100%;border-collapse:collapse;font-size:13px}.costs th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;padding:11px}.costs td{padding:12px 11px;border-top:1px solid #f0e5e6}.summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.summary div{border-top:1px solid var(--line);padding-top:14px}.summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.summary b{font-size:17px}.link-row{display:flex;gap:10px;margin:18px 0}.link-button{border:1px solid var(--line);border-radius:9px;padding:11px 13px;text-decoration:none;color:#8f3550;font-size:13px}.empty{padding:32px;color:var(--muted);text-align:center}@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{padding:14px;display:flex;flex-direction:row;gap:14px;align-items:center;overflow:auto}.brand{min-width:132px;padding:0}.sidebar nav{display:flex}.sidebar a{white-space:nowrap}.account{display:none}.main{padding:22px 16px}.metric-grid{grid-template-columns:repeat(2,1fr)}.attention{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-height:245px}.detail-grid{grid-template-columns:1fr}.detail-image{height:245px}.summary{grid-template-columns:1fr 1fr}.page-head p{display:none}}.product-form{display:grid;grid-gap:16px;gap:16px;max-width:920px}.form-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.form-section h2{font-size:16px;margin:0 0 17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-grid label{display:grid;grid-gap:6px;gap:6px;color:#695458;font-size:12px}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit;font-size:14px}.form-grid textarea{resize:vertical}.calculated{margin-top:16px;padding:12px 13px;background:var(--soft);border-radius:9px;display:flex;justify-content:space-between;color:#795c62;font-size:13px}.calculated b{color:var(--ink);font-size:16px}.form-footer{position:-webkit-sticky;position:sticky;bottom:14px;display:flex;align-items:center;gap:20px;justify-content:flex-end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:0 6px 25px #4b2d3512}.form-footer div{margin-right:auto;display:grid;grid-gap:2px;gap:2px}.form-footer span{font-size:11px;color:var(--muted)}.form-footer b{font-size:19px}.form-footer .primary{border:0;cursor:pointer}.error{color:#a4344d;font-size:13px;margin:0}@media(max-width:780px){.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.form-footer{gap:10px}.form-footer .primary{padding:12px}.form-footer div{max-width:150px}}.detail-image{overflow:hidden}.detail-image img{display:block;width:100%;height:100%;object-fit:cover}.upload{margin-top:10px;display:inline-flex;align-items:center;gap:8px;border:1px dashed #c99aa6;border-radius:8px;padding:9px 11px;color:#813348;font-size:12px;cursor:pointer}.upload input{display:none}.upload small{color:var(--muted)}.sidebar nav a.active,.sidebar nav a:hover{background:var(--pink);color:var(--ink);font-weight:700}.sidebar nav a:first-child:not(.active){background:transparent;color:#cdbcc0;font-weight:400}.field-hint{min-height:14px;color:var(--muted);font-size:11px}.back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:8px 11px;border:1px solid #dfb8c1;border-radius:999px;background:#fff;color:#813348;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 2px 7px #4b2d3510;transition:background .15s,transform .15s}.back-link:hover{background:var(--soft);transform:translateX(-2px)}.photo-picker{display:grid;grid-gap:12px;gap:12px}.photo-picker .upload{width:max-content;margin:0;padding:11px 13px;background:var(--soft);font-weight:700}.photo-picker p{margin:0;color:var(--muted);font-size:12px}.pending-images{display:flex;flex-wrap:wrap;gap:8px}.pending-image{display:flex;align-items:center;gap:7px;max-width:250px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.pending-image span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-image button{border:0;background:transparent;color:#9a3d55;font:inherit;font-weight:700;cursor:pointer;padding:2px}.shipment-products{display:grid;grid-gap:7px;gap:7px;margin-top:14px}.shipment-products label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:9px;padding:11px;cursor:pointer}.shipment-products input{margin-top:3px;accent-color:#7d3147}.shipment-products b,.shipment-products small{display:block}.shipment-products b{font-size:13px}.shipment-products small{color:var(--muted);font-size:11px;margin-top:3px}.shipment-list{display:grid;grid-gap:13px;gap:13px;max-width:920px}.shipment-names{margin:17px 0 0;color:var(--muted);font-size:12px}.export{display:block;margin:18px 8px 0!important;border:1px solid #5e434a;border-radius:8px;padding:9px 10px!important;color:#f1cdd5!important;font-size:12px!important}.activity-list{max-width:920px}.activity{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #f0e5e6;font-size:13px}.activity:last-child{border:0}.activity small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.activity>div:last-child{text-align:right;white-space:nowrap}.logout{border:0;background:transparent;padding:4px 0;color:#f1cdd5;font:inherit;font-size:12px;cursor:pointer}.users-panel{max-width:760px;margin-bottom:16px}.users-panel h2{font-size:16px;margin:0 0 15px}.users-list{display:grid;grid-gap:0;gap:0}.users-list div{padding:11px 0;border-top:1px solid #f0e5e6}.users-list b,.users-list span{display:block}.users-list span{font-size:12px;color:var(--muted);margin-top:3px}.user-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-gap:9px;gap:9px}.user-form input{border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:13px}.user-form .primary{border:0;cursor:pointer}.user-form .error{grid-column:1/-1}@media(max-width:780px){.user-form{grid-template-columns:1fr}.activity{display:grid}.activity>div:last-child{text-align:left}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#21191b}.auth-box{width:min(100%,420px);background:#fcf9f9;border-radius:18px;padding:32px}.auth-box .brand{padding:0;color:var(--ink);margin-bottom:38px}.auth-box h1{margin:0;font-size:28px;letter-spacing:-.05em}.auth-box>p{color:var(--muted);font-size:14px;margin:8px 0 22px}.auth-form{display:grid;grid-gap:15px;gap:15px}.auth-form label{display:grid;grid-gap:7px;gap:7px;color:#695458;font-size:12px}.auth-form input{border:1px solid var(--line);padding:11px;border-radius:8px;font:inherit}.auth-form .primary{border:0;cursor:pointer;text-align:center;margin-top:5px}.products-grid{grid-template-columns:repeat(auto-fill,280px)!important;gap:16px!important}.product-card{width:280px;min-height:300px}.product-photo img{width:100%;height:100%;object-fit:cover}.product-title{max-width:175px!important;font-size:15px;line-height:1.2}.product-card .status{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}.product-card .status.paid{width:104px;min-height:42px;padding:5px 7px;background:#d8ede5;color:#235e4c;border-radius:10px;font-size:10px;white-space:normal!important;overflow-wrap:normal}.product-gallery{display:grid;grid-gap:10px;gap:10px}.no-photo{display:grid;place-items:center;height:100%;color:var(--muted);font-size:13px}.photo-thumbnails{display:flex;flex-wrap:wrap;gap:7px}.photo-thumbnails button{width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:var(--soft);cursor:pointer}.photo-thumbnails button.active{border-color:#a84962}.photo-thumbnails img{width:100%;height:100%;object-fit:cover}.status-heading{margin:0 0 6px;color:#7c4c56;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.current-status{font-size:21px!important;letter-spacing:-.03em}