*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}.admin-page,.dashboard-page,.home-page,.login-page{min-height:100vh;padding:24px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{width:100%;max-width:420px;padding:32px;border:1px solid #242424;border-radius:20px;background:#111}.google-button{margin-top:24px;border-radius:12px;background:#fff;color:#000;font-weight:700}.back-button,.google-button{display:block;padding:15px;text-align:center}.back-button{margin-top:12px;border:1px solid #333;border-radius:12px}.container{width:100%;max-width:1100px;margin:0 auto}.profile-card{gap:18px;padding:24px;margin-bottom:20px;border:1px solid #242424;border-radius:20px;background:#111}.profile-avatar,.profile-card{display:flex;align-items:center}.profile-avatar{width:76px;height:76px;flex-shrink:0;overflow:hidden;justify-content:center;background:#222;font-size:30px;font-weight:700}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{margin:0 0 6px;font-size:24px}.profile-info p{margin:0 0 10px;color:#aaa}.google-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#1b1b1b;color:#aaa;font-size:12px}.dashboard-card{padding:24px;border:1px solid #242424;border-radius:20px;background:#111}.dashboard-card h2{margin-top:0}.profile-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #242424}.profile-row:last-child{border-bottom:0}.profile-row span{color:#888}.profile-row strong{text-align:right;overflow-wrap:anywhere}.dashboard-actions{display:flex;gap:12px;margin-top:20px}.dashboard-actions .back-button{flex:1 1;margin-top:0}.logout-button{height:100%;padding:15px 24px;border:1px solid #333;border-radius:12px;background:transparent;color:#fff;font-size:16px;cursor:pointer}@media (max-width:600px){.profile-card{align-items:flex-start}.profile-row{flex-direction:column;gap:6px}.profile-row strong{text-align:left}.dashboard-actions{flex-direction:column}.logout-button{width:100%}}.home-page{min-height:100vh;padding:24px 16px 50px;background:radial-gradient(circle at top,#181818 0,#080808 42%,#050505 100%)}.home-container{width:100%;max-width:900px;margin:0 auto}.hero-section{padding:70px 20px 55px;text-align:center}.brand-mark{width:64px;height:64px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:20px;background:#111;font-weight:900;letter-spacing:-2px}.eyebrow{margin:0 0 16px;color:#888;font-size:12px;letter-spacing:3px}.hero-section h1{margin:0;font-size:clamp(28px,6vw,52px);line-height:1.1}.hero-text{max-width:650px;margin:20px auto 0;color:#aaa;line-height:1.7;font-size:14px}.hero-actions{margin-top:30px}.primary-button{display:inline-block;padding:14px 28px;border-radius:12px;background:#fff;color:#000;font-weight:700}.content-card,.testimonial-card{margin-top:18px;padding:25px;border:1px solid #242424;border-radius:22px;background:rgba(17,17,17,.92)}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title span{color:#666;font-size:12px}.section-title h2{margin:0;font-size:17px}.social-list{display:grid;gap:10px}.social-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid #242424;border-radius:14px;background:#0c0c0c;transition:.2s}.social-item:hover{border-color:#444;transform:translateY(-1px)}.social-item small{display:block;margin-bottom:5px;color:#888}.social-item strong{font-size:14px}.social-item span{color:#888;font-size:20px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service-item{min-height:100px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #242424;border-radius:15px;background:#0c0c0c}.service-item span{color:#555;font-size:12px}.service-item strong{font-size:14px;line-height:1.4}.testimonial-card{text-align:center;padding:35px 25px}.testimonial-label{color:#888;font-size:12px;letter-spacing:2px}.testimonial-card h2{margin:12px 0 22px;font-size:22px}.testimonial-button{display:inline-block;padding:13px 22px;border:1px solid #333;border-radius:12px;background:#fff;color:#000;font-weight:700}.site-footer{padding:40px 20px 10px;text-align:center;color:#777}.site-footer div{color:#aaa;font-weight:700}.site-footer p{margin:10px 0 4px;font-size:11px;letter-spacing:1px}.site-footer small{color:#555}@media (max-width:600px){.hero-section{padding-top:45px}.service-grid{grid-template-columns:1fr}.content-card,.testimonial-card{padding:20px}}.admin-page{min-height:100vh;padding:40px 0 80px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:8px;opacity:.7}.admin-header h1{margin:0 0 8px}.admin-header p{margin:0;opacity:.7}.admin-profile-card{padding:20px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04)}.admin-profile-card div{display:flex;flex-direction:column;gap:5px}.admin-profile-card span{font-size:13px;opacity:.6}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-menu-card{display:block;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease}.admin-menu-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.25)}.admin-menu-card>span{font-size:28px}.admin-menu-card h2{margin:15px 0 7px;font-size:19px}.admin-menu-card p{margin:0;opacity:.65;font-size:14px}.owner-only{border-color:rgba(255,215,80,.25)}@media (max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}}.admin-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty-card{padding:35px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04)}.empty-card h2{margin-top:0}.empty-card p{opacity:.65;margin-bottom:20px}.product-admin-grid,.public-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-admin-card,.public-product-card{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.04)}.product-admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-admin-card h2,.public-product-card h2{margin:0 0 10px}.product-id{font-size:12px;opacity:.5}.product-available,.status-badge{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.status-active{background:rgba(60,220,120,.12)}.status-off{background:rgba(255,80,80,.12)}.status-available{background:rgba(60,220,120,.12)}.status-sold{background:rgba(255,80,80,.12)}.status-reserved{background:rgba(255,190,50,.12)}.product-description{opacity:.65;line-height:1.6;min-height:50px}.product-admin-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.product-admin-info div{padding:12px;border-radius:14px;background:rgba(255,255,255,.04)}.product-admin-info span{display:block;font-size:11px;opacity:.5;margin-bottom:5px}.product-admin-info strong{font-size:14px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:inherit;text-decoration:none;background:rgba(255,255,255,.05)}.admin-form{display:flex;flex-direction:column;gap:20px}.form-section{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04)}.form-section h2{margin-top:0}.form-section label,.stock-form label{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:14px}.form-section input,.form-section textarea,.stock-form input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.15);color:inherit;outline:none;font:inherit}.form-section textarea{resize:vertical}.checkbox-label{flex-direction:row!important;align-items:center}.checkbox-label input{width:auto}.stock-section{margin-top:35px}.section-heading{margin-bottom:18px}.section-heading h2{margin:0}.stock-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:20px;margin-bottom:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04)}.stock-form label{margin:0}.stock-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;margin-bottom:10px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03)}.stock-card>div{display:flex;flex-direction:column;gap:6px;min-width:0}.stock-card a,.stock-card strong{overflow-wrap:anywhere}.stock-card a{color:inherit;opacity:.6}.stock-id{font-size:10px;opacity:.45;letter-spacing:1px}.products-page{min-height:100vh;padding:45px 0 80px}.products-hero{margin:25px 0 35px}.products-hero h1{margin:5px 0 8px;font-size:42px}.products-hero p{opacity:.65}.product-available{background:rgba(255,255,255,.07);margin-bottom:16px}.public-product-card{display:flex;flex-direction:column}.public-product-card .primary-button{margin-top:20px;text-align:center}.product-price{display:block;margin:15px 0;font-size:22px}.product-detail-card{max-width:800px;margin:25px auto 0;padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:rgba(255,255,255,.04)}.product-detail-card h1{font-size:38px;margin:8px 0}.product-detail-description,.purchase-box,.tutorial-box{margin-top:30px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}.product-detail-description h2,.purchase-box h2,.tutorial-box h2{margin-top:0}.product-detail-description p,.purchase-box p,.tutorial-box p{line-height:1.7;opacity:.7}.purchase-box{padding-bottom:25px}.tutorial-buttons{display:flex;gap:10px;flex-wrap:wrap}@media (max-width:900px){.product-admin-grid,.public-product-grid{grid-template-columns:1fr 1fr}.stock-form{grid-template-columns:1fr}}@media (max-width:600px){.product-admin-grid,.product-admin-info,.public-product-grid{grid-template-columns:1fr}.stock-card{align-items:flex-start;flex-direction:column}.product-detail-card{padding:22px}.product-detail-card h1{font-size:30px}.products-hero h1{font-size:34px}}.profile-card{overflow:hidden;border-radius:24px;background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);margin-bottom:24px}.profile-cover{height:170px;background:linear-gradient(135deg,#111827,#2563eb)}.profile-content{padding:0 24px 24px;position:relative}.profile-avatar-wrap{margin-top:-55px;position:relative;width:110px}.profile-avatar{width:110px;height:110px;object-fit:cover;border-radius:50%;border:5px solid white;background:#eee}.profile-avatar-empty{display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800}.profile-info{margin-top:14px}.profile-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:25px;font-weight:800}.profile-bio,.profile-email,.profile-username{margin:6px 0;opacity:.7}.profile-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.role-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px}.role-founder{background:#111827;color:white}.role-owner{background:#2563eb;color:white}.role-admin{background:#7c3aed;color:white}.role-seller{background:#059669;color:white}.role-vvip{background:#d97706;color:white}.role-vip{background:#475569;color:white}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-item{display:block;padding:20px;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:var(--card,#fff);color:inherit;text-decoration:none}.dashboard-item span{display:block;font-size:18px;font-weight:800}.dashboard-item small{display:block;margin-top:5px;opacity:.65}.profile-form{display:grid;gap:16px;margin-top:20px}.profile-form label{display:grid;gap:7px;font-weight:700}.profile-form input,.profile-form textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(0,0,0,.15);border-radius:12px;font:inherit}@media (max-width:700px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.profile-name{font-size:21px}.profile-cover{height:130px}}