:root{--ink:#202523;--muted:#7b817d;--paper:#f6f7f2;--green:#d9f274;--line:#e7e9e2;--accent:#f0845f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}header{height:76px;padding:0 6vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:6vw;background:#fbfcf8}.brand{font:700 22px 'Space Grotesk';text-decoration:none;color:var(--ink);letter-spacing:-1px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--green);margin-right:5px}nav{display:flex;gap:32px;flex:1;height:100%;align-items:center}nav a,.link{font-size:13px;color:var(--muted);text-decoration:none;border:0;background:none;cursor:pointer}nav a.active,nav a:hover{color:var(--ink);font-weight:700}.account{display:flex;align-items:center;gap:10px;font-size:12px}.account form{margin:0}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eceee7;font-weight:700}.button{display:inline-flex;align-items:center;gap:20px;padding:14px 19px;background:var(--ink);color:white;text-decoration:none;border:0;border-radius:5px;font:600 13px 'DM Sans';cursor:pointer}.button:hover{background:#3c4740}.button.small{padding:10px 15px}.button.secondary{background:#edf0e8;color:var(--ink)}main{min-height:65vh}.hero{position:relative;min-height:590px;padding:105px 11vw 45px;overflow:hidden;background:#eff3e9;display:flex}.hero-copy{position:relative;z-index:2;max-width:480px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700;color:#737b72}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86b659;margin-right:7px}.hero h1,.auth h1{font:600 clamp(48px,6vw,76px)/.98 'Space Grotesk';letter-spacing:-5px;margin:25px 0}.hero h1 em,.auth h1 em{color:#8eaa5a;font-style:normal}.hero-copy p,.page-title p,.auth>p{color:var(--muted);font-size:15px;line-height:1.7;max-width:390px;margin:0 0 25px}.hero-visual{position:absolute;right:13%;top:57px;width:430px;height:400px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:325px;height:325px;background:#dce7c8;right:55px;top:22px}.orb-b{width:200px;height:200px;background:#f0c7b5;right:-8px;top:157px;opacity:.75}.floating-card{position:absolute;width:213px;height:287px;border-radius:13px;box-shadow:0 27px 50px #3333;display:flex;align-items:center;justify-content:center;flex-direction:column}.card-back{background:#415a4b;color:#d9f274;transform:rotate(-13deg);left:83px;top:69px}.card-back span{font-size:67px}.card-back small{letter-spacing:4px;font-size:9px}.card-front{background:linear-gradient(145deg,#eea873,#f4db9b 51%,#8cae85);transform:rotate(9deg);left:202px;top:94px;color:#344238}.card-spark{font-size:55px}.card-ball{font-size:72px;margin-top:7px}.card-caption{position:absolute;bottom:15px;left:15px;font-size:9px;line-height:1.6;letter-spacing:1px}.card-caption b{font-size:11px;letter-spacing:0}.hero-tag{position:absolute;right:3px;bottom:35px;background:var(--green);padding:12px 16px;font-size:9px;letter-spacing:1px;transform:rotate(-5deg)}.hero-tag b{font-size:11px}.hero-bottom{position:absolute;bottom:35px;left:11vw;right:11vw;display:flex;align-items:center;gap:55px}.hero-bottom div{display:grid;gap:4px}.hero-bottom div b{font:600 22px 'Space Grotesk'}.hero-bottom div span,.scroll-note{font-size:10px;color:var(--muted)}.scroll-note{margin-left:auto;letter-spacing:1.4px}.catalog{padding:75px 8vw 100px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2,.page-title h1{font:600 34px 'Space Grotesk';letter-spacing:-1.5px;margin:9px 0}.search{display:flex;border-bottom:1px solid #b8beb5;padding:4px}.search input{border:0;background:none;outline:none;width:220px;font:13px 'DM Sans'}.search button{border:0;background:none;font-size:23px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.chip{border:1px solid var(--line);border-radius:20px;padding:8px 13px;text-decoration:none;color:#646c65;font-size:11px}.chip:hover{background:var(--green);color:var(--ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #2332}.card-art{height:225px;background:linear-gradient(145deg,#e9eedf,#d6dfc8);display:grid;place-items:center;color:#97ae78}.card-art span{font-size:64px}.card-art img{width:100%;height:100%;object-fit:contain;padding:15px}.card-info{padding:14px}.card-info small{font-size:10px;color:var(--muted)}.card-info h3{font:600 15px 'Space Grotesk';margin:8px 0}.card-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;padding:9px 0;border-top:1px solid var(--line)}.card-foot b{color:#687f55;font-size:10px}.card-info form{border-top:1px solid var(--line);padding-top:9px}.row{display:flex;gap:8px}.row>*{min-width:0;flex:1}.card-info input,.card-info select,.panel input,.panel select,.auth-box input{width:100%;padding:10px;border:1px solid var(--line);border-radius:4px;background:white;font:12px 'DM Sans';margin:5px 0 10px}.card-info .link{margin-top:9px;font-size:10px}.page-title{padding:60px 8vw 32px}.page-title p{margin-bottom:0}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty>div{font-size:45px;color:#9db471}.empty h2{color:var(--ink);font:600 23px 'Space Grotesk'}.empty p{font-size:13px}.admin-grid{padding:5px 8vw 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;margin:0 8vw 24px}.admin-grid .panel{margin:0}.panel h2{font:600 19px 'Space Grotesk';margin:0 0 20px}.panel label,.auth-box label{display:block;font-size:11px;font-weight:600;color:#5a625d}.panel .button{margin-top:10px}.muted{color:var(--muted);font:12px 'DM Sans'}.auth{padding:75px 12vw;min-height:620px;background:radial-gradient(ellipse at 85% 35%,#e2ebd2 0,transparent 38%)}.auth h1{font-size:65px}.auth-box{position:absolute;top:145px;right:14%;width:345px;background:#fff;padding:28px;border:1px solid var(--line);border-radius:9px;box-shadow:0 20px 60px #27351b12}.auth-box h2{font:600 18px 'Space Grotesk';margin:0 0 18px}.auth-box .button{width:100%;justify-content:center;margin-top:7px}.auth-box small{display:block;font-size:10px;color:var(--muted);margin-top:13px}.auth-box label small{margin-top:0}.alert{margin:15px 8vw;padding:12px;background:#fee9df;border-radius:4px;color:#8b3c25;font-size:13px}footer{border-top:1px solid var(--line);padding:25px 7vw;display:flex;align-items:center;gap:30px;color:var(--muted);font-size:10px}footer .brand{margin-right:auto}.auth-box input:focus,.panel input:focus{outline:2px solid #c1d783} @media(max-width:800px){header{padding:0 5vw;gap:15px}nav{gap:13px}nav a{font-size:11px}.account>span:not(.avatar){display:none}.hero{min-height:670px;padding:75px 8vw}.hero-visual{top:330px;right:12%;transform:scale(.72);transform-origin:top right}.hero-bottom{left:8vw;right:8vw;gap:22px}.catalog{padding:55px 5vw}.section-head{align-items:start;gap:16px;flex-direction:column}.search,.search input{width:100%}.admin-grid{grid-template-columns:1fr;padding:5px 5vw}.panel{margin-left:5vw;margin-right:5vw}.auth{padding:50px 7vw 400px}.auth-box{top:auto;right:7vw;left:7vw;bottom:30px;width:auto}.page-title{padding:45px 6vw 25px}footer{flex-wrap:wrap;gap:10px 20px}footer .brand{width:100%}}
.user-create,.user-edit{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.user-create label,.user-edit label{flex:1;min-width:155px}.user-panel{padding-bottom:5px}.user-list{display:grid}.user-row{border-top:1px solid var(--line);padding:18px 0;display:grid;gap:12px}.user-meta{display:flex;align-items:center;gap:12px}.user-meta>div{display:grid;gap:4px;flex:1;min-width:0}.user-meta b{font-size:13px}.user-meta small{font-size:10px;color:var(--muted)}.status-pill{font-size:10px;padding:5px 9px;border-radius:18px;background:#e2f2d9;color:#47733b}.status-pill.disabled{background:#f5e4dc;color:#9a5035}.user-password summary{cursor:pointer;color:#596a50;font-size:11px}.user-password form{display:flex;align-items:end;gap:10px;margin-top:10px}.user-password label{font-size:11px}.danger{color:#a5422e}