:root{color:#17211d;font-synthesis:none;--forest:#10231d;--forest2:#173129;--paper:#f7f5ef;--acid:#cbe565;--orange:#d7733f;--line:#dfe3dd;--muted:#737b76;background:#eef0ec;font-family:Tahoma,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{background:var(--paper);place-items:center;height:100vh;display:grid}.boot img{width:80px}.boot svg{color:var(--orange);margin-top:130px;position:absolute}.login{direction:ltr;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);min-height:100vh;display:grid}.login__art{background:var(--forest);color:#fff;direction:rtl;flex-direction:column;justify-content:space-between;padding:58px clamp(40px,6vw,100px);display:flex;position:relative;overflow:hidden}.login__art:after{content:"D";color:#ffffff06;font:900 70vh/.8 Arial;position:absolute;bottom:-13%;left:-8%}.login__mark{letter-spacing:.18em;align-items:center;gap:14px;font:10px Arial;display:flex}.login__mark img{width:58px}.login__art p{color:var(--acid);font-size:12px}.login__art h1{letter-spacing:-.055em;z-index:1;margin:20px 0;font-size:clamp(48px,6vw,90px);line-height:1.05;position:relative}.login__art h1 em{color:var(--acid);font-style:normal}.login__art>small{color:#fff6;font-size:10px}.login__card{background:var(--paper);direction:rtl;flex-direction:column;justify-content:center;padding:60px clamp(36px,7vw,110px);display:flex}.login__card>img{width:72px;margin-bottom:42px}.login__card>span{color:var(--orange);font-size:10px}.login__card h2{margin:9px 0;font-size:40px}.login__card>p{color:var(--muted);margin:0 0 30px;font-size:12px}.login__card>small{color:#8b918d;margin-top:18px;font-size:9px;line-height:1.8}.login__card .primary{width:100%;margin-top:12px}.shell{min-height:100vh}.sidebar{background:var(--forest);color:#fff;z-index:20;flex-direction:column;width:270px;padding:28px 20px;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:13px;padding:5px 10px 28px;display:flex}.brand img{width:52px}.brand strong{font-size:23px;display:block}.brand span{letter-spacing:.18em;color:var(--acid);font:8px Arial}.sidebar nav{flex-direction:column;flex:1;gap:4px;padding-top:26px;display:flex}.sidebar nav button{color:#ffffff8f;text-align:right;background:0 0;border-radius:10px;align-items:center;gap:12px;height:47px;padding:0 13px;font-size:11px;display:flex}.sidebar nav button svg{width:18px}.sidebar nav button svg:last-child{width:14px;margin-right:auto}.sidebar nav button:hover{color:#fff;background:#ffffff0a}.sidebar nav button.active{background:var(--acid);color:var(--forest);font-weight:700}.sidebar__foot{border-top:1px solid #ffffff14;padding-top:18px}.sidebar__foot>div{align-items:center;gap:10px;padding:0 7px 14px;display:flex}.sidebar__foot>div>svg{width:28px}.sidebar__foot span{flex-direction:column;display:flex}.sidebar__foot strong{font-size:10px}.sidebar__foot small{color:#ffffff6e;font-size:8px}.sidebar__foot>button{color:#eaad9c;background:0 0;gap:8px;padding:10px 7px;font-size:10px;display:flex}.sidebar__foot>button svg{width:16px}.sidebar__close{display:none}.workspace{min-height:100vh;margin-right:270px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:108px;padding:0 clamp(24px,4vw,60px);display:flex;position:sticky;top:0}.topbar span{color:var(--muted);font-size:9px}.topbar h1{margin:3px 0;font-size:22px}.topbar>a{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:11px 15px;font-size:10px;display:flex}.topbar>a svg{width:14px}.hamburger{display:none}.content{max-width:1600px;margin:auto;padding:42px clamp(22px,4vw,60px) 80px}.welcome{background:var(--forest);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:42px 50px;display:flex;position:relative;overflow:hidden}.welcome:before{content:"";background:radial-gradient(circle at 20% 20%,#cbe5651f,#0000 40%);position:absolute;inset:0}.welcome span{color:var(--acid);font-size:10px}.welcome h2{margin:8px 0;font-size:34px}.welcome p{color:#ffffff8a;font-size:11px}.welcome img{opacity:.8;width:120px}.stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 35px;display:grid}.stats a{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;min-height:160px;padding:20px;transition:all .25s;display:flex}.stats a:hover{transform:translateY(-3px);box-shadow:0 14px 35px #10231d12}.stats a>svg{width:22px;color:var(--orange)}.stats span{color:var(--muted);margin-top:18px;font-size:9px}.stats strong{font-size:32px}.stats small{align-items:center;gap:4px;margin-top:auto;font-size:8px;display:flex}.stats small svg{width:12px}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.panel__head,.page-head{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.panel__head span,.page-head span{letter-spacing:.14em;color:var(--orange);font:8px Arial}.panel__head h2,.page-head h2{margin:6px 0;font-size:24px}.panel__head>a{align-items:center;font-size:9px;display:flex}.panel__head>a svg{width:14px}.page-head{margin-bottom:32px}.page-head p{color:var(--muted);margin:0;font-size:11px}.primary{background:var(--forest);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:10px;display:inline-flex}.primary:hover{background:var(--forest2)}.primary:disabled{opacity:.6}.primary svg{width:17px}.table{overflow:auto}.tr{border-top:1px solid #edf0eb;grid-template-columns:1.1fr 1fr 1.2fr .7fr 1fr;align-items:center;gap:20px;min-width:740px;padding:16px 8px;font-size:10px;display:grid}.tr.th{color:var(--muted);border-top:0}.tr strong{font-family:Arial;font-size:10px}.status{color:#65706a;background:#eef1ee;border-radius:20px;width:max-content;padding:7px 10px;font-size:8px}.status--new{color:#a64a22;background:#fbe5da}.status--completed,.status--approved{color:#50671a;background:#e4efc8}.status--cancelled{color:#a43838;background:#f4dddd}.status--reviewing,.status--contacted,.status--quoted{color:#365f76;background:#dfe9ef}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-card,.blog-list article,.order-list article,.simple-table article,.admin-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.product-card>img{aspect-ratio:4/3;object-fit:cover;width:100%}.product-card>div:not(.row-actions){padding:20px}.product-card span,.blog-list span{color:var(--orange);font-size:8px}.product-card h3,.blog-list h3{margin:7px 0;font-size:20px}.product-card p,.blog-list p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.8;display:-webkit-box;overflow:hidden}.row-actions{border-top:1px solid var(--line);gap:7px;margin-top:auto;padding:14px 18px;display:flex}.row-actions button,.row-actions a{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:9px;display:flex}.row-actions button:first-child{flex:1}.row-actions svg{width:14px}.row-actions .danger{color:#b94637;flex:0}.blog-list,.order-list,.simple-table{flex-direction:column;gap:12px;display:flex}.blog-list article{grid-template-columns:170px 1fr auto;align-items:center;display:grid}.blog-list article>img{object-fit:cover;width:170px;height:130px}.blog-list article>div:not(.row-actions){padding:16px 22px}.blog-list .row-actions{border:0}.order-list article{padding:24px}.order-list__top{justify-content:space-between;display:flex}.order-list__top span{color:var(--orange);font:9px Arial}.order-list__top h3{margin:5px 0;font-size:20px}.order-list__top small{color:var(--muted);font-size:8px}.order-facts{background:#f5f6f3;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0;padding:16px;display:grid}.order-facts span{flex-direction:column;display:flex}.order-facts small{color:var(--muted);font-size:8px}.order-facts strong{margin-top:5px;font-size:10px}.order-list article>p{color:var(--muted);font-size:10px}.order-list .row-actions{padding:14px 0 0}.simple-table article{grid-template-columns:48px 1fr auto auto;align-items:center;padding:14px 18px;display:grid}.avatar{background:var(--forest);width:40px;height:40px;color:var(--acid);border-radius:50%;place-items:center;font-weight:700;display:grid}.simple-table h3{margin:0;font-size:12px}.simple-table p{color:var(--muted);margin:3px 0;font-size:9px}.simple-table .row-actions{border:0;margin-right:20px;padding:0}.dot{color:#9c4c40;font-size:8px}.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.dot.active{color:#64811f}.admin-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-grid article{padding:24px}.admin-icon{background:var(--forest);width:50px;height:50px;color:var(--acid);border-radius:12px;place-items:center;display:grid}.admin-icon svg{width:22px}.admin-grid h3{margin:18px 0 2px;font-size:17px}.admin-grid>article>span{color:var(--orange);font:10px Arial}.admin-grid p{color:var(--muted);font-size:9px}.admin-grid .row-actions{padding:15px 0 0}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.empty,.loading{min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.empty svg{width:34px}.empty strong{font-size:14px}.empty span,.loading{font-size:9px}.loading svg{width:22px}.toast{background:var(--forest);color:#fff;z-index:80;border-radius:10px;padding:15px 20px;font-size:10px;position:fixed;bottom:25px;left:25px;box-shadow:0 15px 40px #0000002e}.toast.error{background:#9d4036}.alert{border-radius:8px;padding:12px;font-size:9px}.alert--error{color:#9c3c31;background:#f4dfdc}.modal-wrap{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop,.backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07110db8;position:absolute;inset:0}.modal{background:var(--paper);z-index:1;border-radius:18px;width:min(840px,100%);max-height:calc(100vh - 40px);position:relative;overflow:auto}.modal>header{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:sticky;top:0}.modal>header span{color:var(--orange);font-size:8px}.modal>header h2{margin:5px 0;font-size:22px}.modal>header button{background:#edf0ec;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.modal>header svg{width:18px}.editor{flex-direction:column;gap:17px;padding:28px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{color:#505953;flex-direction:column;gap:7px;font-size:9px;display:flex}.field input,.field textarea,.field select{color:#17211d;background:#fff;border:1px solid #d9ddd7;border-radius:9px;outline:0;width:100%;padding:11px 13px}.field textarea{resize:vertical;line-height:1.8}.field input:focus,.field textarea:focus,.field select:focus{border-color:#82934c;box-shadow:0 0 0 3px #cbe56540}.check{align-items:center;gap:8px;font-size:10px;display:flex}.check input{accent-color:var(--forest)}.drop{text-align:center;background:#fff;border:1px dashed #aeb7b0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:26px;display:flex;position:relative}.drop svg{color:var(--orange)}.drop strong{font-size:11px}.drop span,.drop b{color:var(--muted);font-size:8px}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.existing-images{gap:10px;display:flex;overflow:auto}.existing-images button{background:0 0;padding:0;position:relative}.existing-images img{object-fit:cover;border-radius:8px;width:105px;height:80px}.existing-images svg{background:#fff;border-radius:50%;width:20px;padding:4px;position:absolute;top:4px;left:4px}.editor-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:10px;display:flex}.editor-actions>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:10px;min-height:44px;padding:0 20px;font-size:10px}.permissions{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;padding:18px;display:grid}.permissions>strong{grid-column:1/-1;font-size:11px}.permissions label{gap:7px;font-size:9px;display:flex}.permissions input{accent-color:var(--forest)}@media (width<=1250px){.stats{grid-template-columns:repeat(3,1fr)}.cards,.admin-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{transition:all .3s;transform:translate(100%)}.sidebar.open{transform:none}.sidebar__close{color:#fff;background:#ffffff14;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:15px;left:15px}.sidebar__close svg{width:16px}.workspace{margin-right:0}.hamburger{background:#eef0ec;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.topbar{height:90px}.topbar>a{display:none}.backdrop{z-index:15;display:block;position:fixed}.settings-grid{grid-template-columns:1fr}.order-facts{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.login{grid-template-columns:1fr}.login__art{display:none}.login__card{padding:40px 28px}.content{padding:25px 15px 60px}.welcome{padding:28px}.welcome img{width:70px}.welcome h2{font-size:26px}.stats{grid-template-columns:repeat(2,1fr)}.stats a{min-height:140px}.cards,.admin-grid{grid-template-columns:1fr}.blog-list article{grid-template-columns:90px 1fr}.blog-list article>img{width:90px;height:110px}.blog-list .row-actions{grid-column:1/-1}.order-facts{grid-template-columns:repeat(2,1fr)}.simple-table article{grid-template-columns:45px 1fr auto}.simple-table .dot{display:none}.form-grid,.permissions{grid-template-columns:1fr}.modal-wrap{padding:0}.modal{border-radius:0;height:100vh;max-height:none}.page-head{align-items:flex-end}.page-head h2{font-size:21px}.page-head p{max-width:210px}.topbar h1{font-size:18px}}
