@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#292b27;background:#f7f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c58c60;outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:#26332f;color:#f7f5eb;display:flex;flex-direction:column;padding:31px 18px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;text-align:left;padding:0 11px 50px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#c78667;color:#fff;font-size:34px;line-height:1;transform:rotate(-10deg)}.brand>span:last-child{display:block;font:800 23px/.9 Manrope,sans-serif;letter-spacing:-.08em}.brand>span:last-child>span{display:block;color:#e5b38e}.brand small{display:block;font:700 7px/1.3 DM Sans,sans-serif;letter-spacing:.16em;margin-top:9px;color:#aebeb5}.side-label{color:#82958a;font-size:10px;font-weight:800;letter-spacing:.18em;margin:0 14px 13px}.nav{display:grid;gap:6px}.nav button{width:100%;display:flex;align-items:center;gap:13px;border:0;background:none;color:#b5c4ba;padding:15px 14px;border-radius:13px;text-align:left;font-weight:700;font-size:13px}.nav button:hover,.nav button.active{background:#435249;color:#fff}.nav button.active{box-shadow:inset 3px 0 #e5b38e}.nav button span{margin-left:auto;font-size:10px;color:#b4c5b8;background:#516258;padding:3px 7px;border-radius:8px}.sidebar-bottom{margin-top:auto}.side-tip{background:#3b4b42;border:1px solid #4c5c52;border-radius:18px;padding:19px 17px 16px;margin-bottom:18px}.side-tip>span{font-size:25px;color:#e8b791}.side-tip strong{display:block;font:800 14px Manrope,sans-serif;margin:8px 0 4px}.side-tip p{font-size:11px;line-height:1.55;color:#aebfb2;margin:0}.reset-button{display:flex;align-items:center;gap:11px;background:none;border:0;color:#b9c8bb;font-size:12px;font-weight:700;padding:13px 15px}.reset-button:hover{color:#fff}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid #e9e7df;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#7e887d}.breadcrumb svg{color:#b5b9ad}.top-actions{display:flex;align-items:center;gap:20px}.demo-badge{font-size:10px;font-weight:900;letter-spacing:.12em;color:#587463;background:#ecf4eb;border:1px solid #dcebdc;border-radius:99px;padding:9px 12px}.demo-badge i{display:inline-block;width:6px;height:6px;background:#70a977;border-radius:50%;margin-right:6px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7d3bf;color:#6a4c3d;font:800 12px Manrope,sans-serif}.content{max-width:1530px;margin:auto;padding:37px 4.2vw 80px}.overline{font-size:10px;letter-spacing:.18em;color:#96755d;font-weight:900}.hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:345px;border-radius:26px;overflow:hidden;background:#efe5d6;margin-bottom:23px}.hero>div:first-child{padding:49px 48px}.hero h1{font-size:clamp(34px,4vw,59px);line-height:1.09;max-width:680px;margin:14px 0 16px;color:#30332b}.hero h1 em{font-style:normal;color:#bc7c5e}.hero p{font-size:14px;line-height:1.7;color:#746f66;max-width:500px;margin-bottom:28px}.hero-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;background:#28463b;color:#fff;font-weight:800;font-size:13px;padding:14px 18px;min-height:46px;box-shadow:0 4px #1a3229}.hero-button:hover,.primary-button:hover{background:#355747;transform:translateY(-1px)}.hero-visual{position:relative;background:#ddc9ae;overflow:hidden;min-height:300px}.hero-sun{position:absolute;width:310px;height:310px;border-radius:50%;background:#ead9c1;top:8px;left:13%}.hero-vase{position:absolute;bottom:-49px;left:35%;width:225px;height:300px;background:#ae715d;border-radius:46% 46% 34% 34%/38% 38% 19% 19%;box-shadow:inset -25px 2px #97604f,15px 22px 30px #8e6d534a}.hero-vase:before{content:"";position:absolute;width:100px;height:24px;background:#7d5045;border-radius:50%;left:62px;top:-8px;box-shadow:0 8px #c3876d}.hero-vase i,.hero-vase b{position:absolute;display:block;width:130px;height:32px;border:3px solid #d39f84;border-left:0;border-right:0;border-radius:50%;top:133px;left:48px;transform:rotate(8deg)}.hero-vase b{top:177px;transform:rotate(-6deg);opacity:.55}.hero-star{position:absolute;color:#fbf3e8}.hero-star.one{font-size:35px;left:20%;top:22%}.hero-star.two{font-size:22px;right:15%;top:34%}.hero-caption{position:absolute;bottom:24px;left:20px;color:#fff8ed;font-size:9px;font-weight:900;letter-spacing:.16em}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:33px}.stat{background:#fffefa;border:1px solid #ebe9e2;border-radius:18px;padding:20px;min-height:165px}.stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;margin-bottom:16px}.stat-icon.peach{background:#f9e4d9;color:#b86e50}.stat-icon.cream{background:#f7edcf;color:#aa8a43}.stat-icon.mint{background:#e5f0e7;color:#4a815d}.stat-icon.lilac{background:#ede6ef;color:#8b6b95}.stat>small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#8d9286}.stat strong{font:800 29px Manrope,sans-serif;display:block;margin:3px 0 0;letter-spacing:-.06em}.stat p{font-size:11px;color:#979a91;margin:2px 0 0}.stat.attention{border-color:#e7c4ae}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:17px}.panel{background:#fffefa;border:1px solid #e9e7df;border-radius:20px;padding:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.section-head h2{font-size:22px;margin:5px 0 0}.text-link{display:flex;align-items:center;gap:6px;border:0;background:none;color:#6d856f;font-size:11px;font-weight:800;white-space:nowrap}.compact-order{display:flex;align-items:center;gap:14px;border-top:1px solid #eeeae4;padding:16px 0}.compact-order:first-child{border-top:0}.order-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:11px;background:#f1e7da;color:#9b765c}.compact-order>div:nth-child(2){min-width:0;flex:1}.compact-order strong,.compact-order small{display:block}.compact-order strong{font-size:12px}.compact-order small{font-size:11px;color:#92958d;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-order>b{min-width:65px;text-align:right;font-size:12px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap;background:#f3ede1;color:#806c4b}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status.w-produkcji{background:#edf1fa;color:#657ca5}.status.gotowe{background:#e6f2e8;color:#568568}.status.zrealizowane{background:#e3eee5;color:#497659}.status.anulowane{background:#f6e8e5;color:#ab685f}.muted{font-size:11px;color:#90958c;margin:-8px 0 15px}.stock-alert{display:flex;align-items:center;gap:11px;border-top:1px solid #eeeae4;padding:11px 0}.stock-alert>div:nth-child(2){flex:1;min-width:0}.stock-alert strong,.stock-alert small{display:block}.stock-alert strong{font-size:12px}.stock-alert small{font-size:10px;color:#a0a297;margin-top:3px}.stock-alert b{font-size:11px;color:#b16c58}.all-good{display:flex;gap:10px;align-items:center;color:#548565;font-size:13px;font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0 30px}.page-head h1{font-size:clamp(36px,4vw,50px);margin:7px 0}.dot{color:#bd8060}.page-head p{font-size:13px;color:#8c9188;margin:0}.toolbar{display:flex;gap:11px;margin-bottom:24px}.search{display:flex;align-items:center;gap:10px;padding:0 15px;background:#fffefa;border:1px solid #e7e6dd;border-radius:12px;color:#a0a59b;flex:1;max-width:470px}.search input{width:100%;border:0;outline:0;background:transparent;min-height:44px;color:#29322d;font-size:12px}.search input::placeholder{color:#a5a9a0}.filter-button{display:flex;align-items:center;gap:7px;border:1px solid #e7e6dd;background:#fffefa;color:#798177;padding:0 16px;border-radius:12px;font-size:12px;font-weight:800}.filter-button.selected{background:#f4e2d8;color:#a76550;border-color:#d8ae9b}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:#fffefa;border:1px solid #ebe8e0;border-radius:19px;overflow:hidden}.product-art{height:190px;position:relative;display:grid;place-items:center;overflow:hidden}.product-art.sand{background:#e9dcc7}.product-art.rose{background:#f0d9d3}.product-art.olive{background:#e4e8d7}.product-art.clay{background:#e8cfbe}.product-art.lavender{background:#e8e0e6}.product-art.butter{background:#f3e9c7}.product-art .art-mark{position:absolute;right:15%;top:15%;color:#ffffffa6;font-size:23px}.product-art .object{position:relative;display:block;filter:drop-shadow(12px 18px 10px #5044382b)}.object.vase{width:82px;height:118px;background:#ac735f;border-radius:42% 42% 28% 28%/35% 35% 14% 14%;box-shadow:inset -12px 0 #915e51}.object.vase:before{content:"";position:absolute;left:28px;top:-6px;width:28px;height:9px;background:#714f47;border-radius:50%}.object.vase i,.object.vase b{position:absolute;border-top:2px solid #d3aa8f;border-radius:50%;width:50px;height:14px;left:15px;top:51px;transform:rotate(8deg)}.object.vase b{top:74px;transform:rotate(-5deg)}.object.cup{width:100px;height:83px;background:#bd7b69;border-radius:7px 7px 35px 35px;box-shadow:inset -12px -3px #a9695c}.object.cup:before{content:"";position:absolute;width:31px;height:43px;border:10px solid #ae7161;border-left:0;border-radius:0 50% 50% 0;right:-30px;top:12px}.object.cup i{position:absolute;width:105px;height:12px;border-radius:50%;background:#8c5b53;top:-5px;left:-2px}.object.cup b{position:absolute;width:30px;height:27px;border:2px solid #d4a38f;border-radius:50%;top:30px;left:32px}.object.candle{width:73px;height:92px;background:#efe1ba;border-radius:8px 8px 14px 14px;box-shadow:inset -10px -3px #d5c594}.object.candle:before{content:"";position:absolute;width:13px;height:22px;background:#df9a57;border-radius:70% 30% 50% 50%;top:-26px;left:31px;transform:rotate(12deg)}.object.candle i{position:absolute;width:3px;height:13px;background:#6f6252;top:-8px;left:36px}.object.candle b{position:absolute;width:45px;height:1px;background:#c6b183;top:55px;left:15px}.object.bowl{width:117px;height:70px;background:#b77d63;border-radius:8% 8% 50% 50%/10% 10% 70% 70%;box-shadow:inset -14px -8px #9f6a58}.object.bowl:before{content:"";position:absolute;top:-5px;width:119px;height:15px;background:#8d5d50;border-radius:50%}.object.bowl i{position:absolute;width:70px;height:12px;border-top:2px solid #d39e80;border-radius:50%;top:31px;left:20px}.object.tray{width:132px;height:53px;background:#ba8e69;border-radius:50%;box-shadow:inset -8px -10px #997254;transform:rotate(-9deg)}.object.tray:before{content:"";position:absolute;width:100px;height:27px;border:3px solid #d6af83;border-radius:50%;top:6px;left:15px}.product-art.small{height:43px;width:45px;border-radius:9px;flex:none}.product-art.small .object{transform:scale(.27)}.product-art.small .art-mark{display:none}.product-info{padding:18px}.product-meta{display:flex;justify-content:space-between;gap:10px;color:#9a826d;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.product-meta span{color:#a6aa9f}.product-info h2{font-size:20px;margin:9px 0 19px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px}.product-bottom strong{font:800 18px Manrope,sans-serif}.stock-ok,.stock-low{font-size:10px;font-weight:800;color:#55815d;background:#eaf4e8;padding:6px 8px;border-radius:99px;white-space:nowrap}.stock-low{color:#aa6951;background:#f7e7de}.stock-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #eeebe4;padding-top:14px}.stock-controls>span{font-size:10px;color:#92998e;font-weight:800}.stock-controls>div{display:flex;align-items:center;gap:10px}.stock-controls button{display:grid;place-items:center;background:#f6f3ec;color:#536257;border:0;width:26px;height:26px;border-radius:7px}.stock-controls b{min-width:16px;text-align:center;font-size:11px}.order-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.order-filters button{border:1px solid #e5e5db;border-radius:99px;background:#fffefa;color:#7e877c;padding:9px 14px;font-size:11px;font-weight:800}.order-filters button.selected{background:#2c493b;color:#fff;border-color:#2c493b}.order-list{display:grid;gap:14px}.order-card{background:#fffefa;border:1px solid #eae8df;border-radius:17px;padding:21px 24px}.order-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid #efede6}.order-card-top>div{display:flex;align-items:center;gap:12px}.order-number{font:800 16px Manrope,sans-serif}.order-card-top small{color:#a1a398;font-size:11px}.order-card-body{display:grid;grid-template-columns:1.1fr 1.3fr .7fr;gap:15px;padding:20px 0 4px}.order-card-body>div>small,.order-person small{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:#a1a69a;margin-bottom:4px}.order-card-body strong{font-size:12px}.order-person{display:flex;align-items:center;gap:10px}.order-person>span{display:grid;place-items:center;border-radius:50%;width:33px;height:33px;background:#f0ddd2;color:#9f6e53;font-weight:800;font-size:12px}.order-card-actions{display:flex;align-items:center;gap:20px;margin-top:14px;padding-top:14px;border-top:1px solid #efede6}.advance-button,.cancel-button{border:0;background:none;color:#3c694e;font-size:11px;font-weight:900;display:flex;align-items:center;gap:7px;padding:3px}.cancel-button{color:#9c8b81}.advance-button:hover{text-decoration:underline}.cancel-button:hover{color:#ae6656}.empty{padding:50px;background:#fffefa;border:1px dashed #ddd8cc;border-radius:18px;text-align:center;color:#858c81;font-size:13px}.notice{background:#eaf2e9;border:1px solid #bfd5c1;color:#3f704b;border-radius:11px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:700;margin-bottom:17px}.notice button{border:0;background:none;color:inherit;display:grid;place-items:center}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#1b2828a8;display:grid;place-items:center;padding:20px;overflow:auto}.modal{position:relative;width:min(100%,540px);background:#fffefa;border-radius:23px;padding:32px;box-shadow:0 30px 90px #0a1a1938}.modal-close{position:absolute;right:25px;top:25px;border:0;background:#f3f1eb;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;color:#536257}.modal h2{font-size:34px;margin:8px 0}.modal>p{color:#858e82;font-size:12px;margin-bottom:22px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#657063}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{min-width:0;width:100%;height:42px;border:1px solid #dfe2d8;background:#fff;border-radius:9px;padding:0 11px;color:#29322d;font-size:12px}.form-grid input::placeholder{color:#b5b9ae}.order-total{display:grid;align-content:center;text-align:right}.order-total small{font-size:9px;color:#98a094;font-weight:800}.order-total strong{font:800 19px Manrope,sans-serif}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.secondary-button{border:1px solid #dfe2d8;background:#fff;color:#526355;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:800}.modal-notice{background:#f9e8df;color:#a75f4f;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:700;margin-bottom:16px}.demo-footnote{position:fixed;bottom:10px;right:18px;color:#a0a99e;font-size:9px;pointer-events:none;background:#f7f5f0cc;padding:3px 6px;border-radius:5px}@media(max-width:1200px){.stats,.products-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr .65fr}.hero>div:first-child{padding:40px 35px}}@media(max-width:800px){.app{display:block}.sidebar{height:auto;position:relative;padding:14px 19px;display:flex;flex-direction:row;align-items:center;gap:20px}.brand{padding:0}.brand>span:last-child{font-size:18px}.brand small{display:none}.brand-icon{width:32px;height:32px;font-size:26px;border-radius:10px}.side-label,.sidebar-bottom{display:none}.nav{display:flex;gap:4px;margin-left:auto}.nav button{width:auto;padding:10px;font-size:0;gap:4px}.nav button svg{width:19px;height:19px}.nav button span{font-size:10px}.topbar{height:56px}.content{padding:27px 24px 70px}.hero{grid-template-columns:1fr .65fr;min-height:300px}.hero h1{font-size:35px}.hero-visual{min-height:260px}.hero-vase{left:22%}}@media(max-width:600px){.sidebar{gap:6px;padding:11px}.brand>span:last-child{font-size:16px}.nav button{padding:8px}.nav button span{display:none}.breadcrumb{font-size:9px}.demo-badge{font-size:8px;padding:7px}.avatar{display:none}.content{padding:21px 15px 65px}.hero{display:block}.hero>div:first-child{padding:30px 25px}.hero h1{font-size:35px}.hero p{font-size:12px}.hero-visual{min-height:160px}.hero-vase{transform:scale(.6);transform-origin:bottom center;left:40%;bottom:-30px}.hero-sun{width:200px;height:200px;top:-40px;left:30%}.hero-caption{font-size:8px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:13px;min-height:130px}.stat-icon{width:33px;height:33px;margin-bottom:8px}.stat-icon svg{width:18px;height:18px}.stat strong{font-size:22px}.stat p{font-size:10px}.stat>small{font-size:8px}.panel{padding:18px}.compact-order{gap:8px;flex-wrap:wrap}.compact-order .status{order:3;margin-left:48px}.compact-order>b{margin-left:auto}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:38px}.products-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.filter-button{min-height:40px}.order-card{padding:17px}.order-card-body{grid-template-columns:1fr 1fr}.order-card-body>div:last-child{grid-column:1/-1}.order-card-actions{justify-content:space-between}.demo-footnote{position:static;display:block;text-align:center;margin:0 10px 15px}}.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-art.photo{height:auto;aspect-ratio:1;background-image:url(/products-grid.jpg);background-size:400% 300%;background-repeat:no-repeat;background-color:#e8ddcc}.product-art.photo.small{height:43px;width:45px;aspect-ratio:auto}@media(max-width:1200px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.products-grid{grid-template-columns:1fr}}.product-art.photo.uploaded{display:block;width:100%;object-fit:cover;object-position:center;background:none}.product-art.photo.uploaded.small{width:45px;height:43px}.edit-product{display:block;width:100%;margin-top:14px;border:1px solid #dfe2d8;background:#fff;color:#4d6956;border-radius:9px;padding:8px;font-size:11px;font-weight:800}.edit-product:hover{background:#edf3ed}.image-ready{display:flex;align-items:center;justify-content:space-between;background:#eaf3e9;border-radius:9px;padding:8px 11px;color:#52735a;font-size:11px;font-weight:800}.image-ready button{border:0;background:none;color:#9d604f;font-weight:800}.order-lines{display:grid;gap:9px}.order-line{display:grid;grid-template-columns:minmax(0,1fr) 85px 25px;gap:8px;align-items:end}.order-line>button{height:42px;border:0;background:#f6e9e4;border-radius:8px;color:#a56656;font-size:20px}.add-line{justify-self:start;border:0;background:#eaf2e9;color:#3d7350;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.order-total.wide{text-align:left}.history-list{display:grid;gap:10px}.history-row{display:flex;align-items:center;gap:16px;background:#fffefa;border:1px solid #eae8df;border-radius:12px;padding:16px 19px}.history-row>div{flex:1}.history-row strong,.history-row small{display:block}.history-row strong{font-size:13px}.history-row small{color:#8a9388;font-size:11px;margin-top:4px}.history-row b{font-size:14px;white-space:nowrap}.history-row b.positive{color:#3c8053}.history-row b.negative{color:#ab6656}.history-row>span{font-size:11px;color:#899186;min-width:120px;text-align:right}@media(max-width:600px){.history-row{flex-wrap:wrap}.history-row>span{width:100%;text-align:left}.order-line{grid-template-columns:minmax(0,1fr) 70px 25px}}
