:root{--bg: #f0e6d0;--surface: rgba(255, 255, 255, .75);--card: rgba(255, 255, 255, .75);--glass-bg: rgba(255, 255, 255, .45);--border: rgba(200, 180, 210, .25);--accent: #764ba2;--accent-dim: #5a3a7a;--accent-glow: rgba(118, 75, 162, .15);--danger: #b02a37;--success: #2ecc71;--text: #2d2a3e;--text-secondary: #5a4e6b;--input-bg: rgba(245, 240, 250, .6);--input-border: rgba(200, 180, 210, .3);--primary: #764ba2;--primary-dark: #5a3a7a;--text-2: #5a4e6b;--radius: 14px;--shadow: 0 25px 60px rgba(0, 0, 0, .15)}body.dark{--bg: #1a1a2e;--surface: rgba(26, 26, 46, .82);--card: rgba(26, 26, 46, .82);--glass-bg: rgba(26, 26, 46, .45);--border: rgba(255, 255, 255, .08);--accent: #b8a0c9;--accent-dim: #8a6aa0;--accent-glow: rgba(184, 160, 201, .2);--danger: #e85a6a;--success: #2ecc71;--text: #f0e6d0;--text-secondary: #b0aac0;--input-bg: rgba(50, 50, 70, .5);--input-border: rgba(255, 255, 255, .1);--primary: #b8a0c9;--primary-dark: #8a6aa0;--text-2: #b0aac0;--shadow: 0 25px 60px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);transition:background .5s ease,color .3s ease}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.geo-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.geo-bg div{position:absolute;border-radius:12px;transition:background .5s ease,opacity .5s ease,transform .5s ease}.geo1{width:200px;height:200px;background:#f94144;top:5%;left:3%;transform:rotate(15deg);opacity:.35}.geo2{width:300px;height:180px;background:#f9c74f;bottom:10%;right:2%;transform:rotate(-8deg);border-radius:50px 12px;opacity:.35}.geo3{width:160px;height:160px;background:#577590;top:20%;right:8%;border-radius:60% 40% 30% 70%;opacity:.35}.geo4{width:240px;height:240px;background:#f9844a;bottom:20%;left:5%;border-radius:30% 70% 50% 50%;opacity:.35}.geo5{width:120px;height:120px;background:#43aa8b;top:55%;left:20%;border-radius:20% 80% 40% 60%;opacity:.35}.geo6{width:180px;height:180px;background:#277da1;top:10%;left:40%;border-radius:70% 30% 60% 40%;opacity:.2}.geo7{width:100px;height:100px;background:#f8961e;bottom:40%;right:15%;border-radius:40% 60% 30% 70%;opacity:.35}body.dark .geo1{background:#8f2a2e;opacity:.25;transform:rotate(15deg) scale(.9)}body.dark .geo2{background:#a87d2e;opacity:.25;transform:rotate(-8deg) scale(.9)}body.dark .geo3{background:#3a4a5e;opacity:.3;transform:scale(.9)}body.dark .geo4{background:#9e5a30;opacity:.25;transform:scale(.9)}body.dark .geo5{background:#2a6b55;opacity:.25;transform:scale(.9)}body.dark .geo6{background:#1a4a63;opacity:.25;transform:scale(.9)}body.dark .geo7{background:#9e6018;opacity:.25;transform:scale(.9)}.theme-toggle{background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:60px;padding:8px 14px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;box-shadow:0 4px 20px #00000026;display:inline-flex;align-items:center;gap:6px;transition:.25s}.theme-toggle:hover{transform:scale(1.04);background:#ffffff80}body.dark .theme-toggle{background:#28283cb3;color:#f0e6d0;border-color:#ffffff1a}body.dark .theme-toggle:hover{background:#3c3c55cc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;border:none;border-radius:14px;font-size:14px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .25s ease;text-decoration:none;box-shadow:0 4px 12px #00000014}.btn,.btn-primary{background:linear-gradient(145deg,#764ba2,#5a3a7a);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #764ba259}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary);box-shadow:none}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:none;box-shadow:none}.btn-danger{background:linear-gradient(145deg,#c23343,#8f1f2c);color:#fff}.btn-danger:hover{box-shadow:0 8px 24px #b02a3759}.btn-success{background:linear-gradient(145deg,#2ecc71,#1f9e55);color:#fff}.btn-success:hover{box-shadow:0 8px 24px #2ecc7159}.btn-sm{padding:8px 16px;font-size:12px;border-radius:12px}.icon-btn{border:none;background:transparent;padding:6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--accent-glow)}.icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:14px;color:var(--text);font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2e73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9000}.modal{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:28px;width:460px;max-width:92vw;max-height:86vh;overflow:auto;box-shadow:0 25px 60px #00000040;position:relative}.modal:before{content:"";position:absolute;top:0;left:32px;right:32px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.modal h3{margin:0 0 14px;font-size:18px;font-weight:800;letter-spacing:.02em}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast-wrap{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:#2d2a3eeb;color:#f0e6d0;padding:11px 20px;border-radius:14px;font-size:14px;box-shadow:0 12px 32px #00000040;max-width:80vw;animation:fadeUp .3s ease}.toast.error{background:#b02a37f2}.toast.success{background:#1f9e55f2}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.muted{color:var(--text-secondary);font-size:12px}.shop-app>.site-footer,.admin-app>.site-footer{margin-top:auto}.shop-app>.shop-main,.shop-app>.detail-wrap,.shop-app>.orders-wrap{width:100%}:root{--site-header-h: 66px;--site-surface: rgba(255, 255, 255, .75);--site-glass: rgba(255, 255, 255, .45);--site-border: rgba(200, 180, 210, .25);--site-accent: #764ba2;--site-accent-2: #5a3a7a;--site-accent-glow: rgba(118, 75, 162, .15);--site-text: #2d2a3e;--site-text-2: #5a4e6b;--site-shadow: 0 8px 24px rgba(0, 0, 0, .08);--site-strong-shadow: 0 18px 44px rgba(0, 0, 0, .18)}body.dark{--site-surface: rgba(26, 26, 46, .82);--site-glass: rgba(26, 26, 46, .45);--site-border: rgba(255, 255, 255, .08);--site-accent: #b8a0c9;--site-accent-2: #8a6aa0;--site-accent-glow: rgba(184, 160, 201, .2);--site-text: #f0e6d0;--site-text-2: #b0aac0;--site-shadow: 0 8px 24px rgba(0, 0, 0, .35);--site-strong-shadow: 0 18px 44px rgba(0, 0, 0, .5)}body.site-chrome{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0}.site-main{width:100%;box-sizing:border-box}.site-main-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 20px 26px}.site-header{position:sticky;top:0;z-index:500;width:100%;background:var(--site-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--site-border);box-shadow:var(--site-shadow)}.site-bar{height:var(--site-header-h);max-width:1280px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:18px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}.site-logo{width:38px;height:38px;border-radius:12px;object-fit:contain;box-shadow:0 4px 12px #0000001f}.site-brand-name{font-size:19px;font-weight:800;letter-spacing:.02em;color:var(--site-accent);white-space:nowrap}.site-nav{display:flex;align-items:center;gap:6px;margin-left:8px}.site-link{display:inline-flex;align-items:center;padding:8px 17px;border-radius:12px;font-size:15px;font-weight:600;color:var(--site-text);text-decoration:none;letter-spacing:.02em;transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.site-link:hover{background:var(--site-accent-glow);color:var(--site-accent);transform:translateY(-1px)}.site-link.is-active{background:linear-gradient(145deg,#764ba2,#5a3a7a);color:#fff;box-shadow:0 4px 12px #764ba24d}body.dark .site-link.is-active{background:linear-gradient(145deg,#b8a0c9,#8a6aa0);color:#1a1a2e}.site-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex:0 0 auto}.site-page-title{display:none;font-size:15px;font-weight:700;color:var(--site-accent);letter-spacing:.04em;padding:4px 12px;border-radius:999px;background:var(--site-accent-glow);white-space:nowrap}.site-theme-toggle{background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:60px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--site-text);cursor:pointer;box-shadow:0 4px 20px #00000026;display:inline-flex;align-items:center;gap:6px;transition:.25s;white-space:nowrap}.site-theme-toggle:hover{transform:scale(1.04);background:#ffffff80}body.dark .site-theme-toggle{background:#28283cb3;color:#f0e6d0;border-color:#ffffff1a}body.dark .site-theme-toggle:hover{background:#3c3c55cc}.site-drawer-tab{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:700;width:34px;height:72px;border:1px solid var(--site-border);border-left:none;border-radius:0 16px 16px 0;background:var(--site-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:4px 6px 18px #0000002e;color:var(--site-accent);font-size:17px;font-weight:700;cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.site-drawer-tab:hover{background:var(--site-accent-glow)}.site-drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#14102073;opacity:0;pointer-events:none;transition:opacity .28s ease}.site-drawer{position:fixed;top:0;left:0;z-index:1200;width:272px;max-width:82vw;height:100%;box-sizing:border-box;padding:18px 16px 24px;background:var(--site-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--site-border);box-shadow:var(--site-strong-shadow);transform:translate(-102%);transition:transform .28s ease;display:flex;flex-direction:column;gap:14px;overflow-y:auto}body.site-drawer-open .site-drawer{transform:translate(0)}body.site-drawer-open .site-drawer-mask{opacity:1;pointer-events:auto}.site-drawer-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--site-border)}.site-drawer-head .site-logo{width:34px;height:34px}.site-drawer-title{font-size:17px;font-weight:800;color:var(--site-accent);flex:1}.site-drawer-close{border:1px solid var(--site-border);background:transparent;color:var(--site-text-2);width:30px;height:30px;border-radius:10px;font-size:14px;cursor:pointer}.site-drawer-close:hover{background:var(--site-accent-glow);color:var(--site-accent)}.site-drawer-nav{display:flex;flex-direction:column;gap:8px}.site-drawer-link{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;font-size:16px;font-weight:600;color:var(--site-text);text-decoration:none;background:var(--site-glass);border:1px solid var(--site-border);transition:background .2s ease,color .2s ease,transform .2s ease}.site-drawer-link:hover{transform:translate(3px);color:var(--site-accent);background:var(--site-accent-glow)}.site-drawer-link.is-active{background:linear-gradient(145deg,#764ba2,#5a3a7a);color:#fff;border-color:transparent}body.dark .site-drawer-link.is-active{background:linear-gradient(145deg,#b8a0c9,#8a6aa0);color:#1a1a2e}.site-drawer-foot{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-drawer-foot a{display:inline-flex;width:38px;height:38px;border-radius:11px;overflow:hidden;border:1px solid var(--site-border);background:#ffffff59}.site-drawer-foot a img{width:100%;height:100%;object-fit:cover}.site-footer{width:100%;margin-top:26px;background:var(--site-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--site-border);box-shadow:0 -8px 24px #0000000f}.site-footer-inner{max-width:1280px;margin:0 auto;padding:26px 22px 30px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.site-footer-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--site-text);letter-spacing:.03em}.site-footer-logo{width:34px;height:34px;border-radius:10px;object-fit:contain;box-shadow:0 4px 12px #0000001f}.site-footer-copy{color:var(--site-text-2);font-size:13px;line-height:1.9;letter-spacing:.03em}.site-footer-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:2px}.site-footer-links a{display:inline-flex;width:42px;height:42px;border-radius:12px;overflow:hidden;border:1px solid var(--site-border);background:#ffffff59;transition:transform .2s ease,box-shadow .2s ease}body.dark .site-footer-links a{background:#ffffff14}.site-footer-links a:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000002e}.site-footer-links a img{width:100%;height:100%;object-fit:cover}@media (max-width: 900px){:root{--site-header-h: 58px}.site-bar{padding:0 14px;gap:10px}.site-logo{width:32px;height:32px}.site-brand-name{font-size:16px}.site-nav{display:none}.site-page-title{display:inline-flex}.site-theme-toggle{padding:7px 11px;font-size:13px}.site-drawer-tab{display:inline-flex}.site-main-center{padding:16px 12px 22px}.site-footer-inner{padding:22px 14px 26px}}@media (max-width: 420px){.site-brand-name{display:none}}