:root{--bg:#ffffff;--bg2:#f5f5f5;--fg:#1a1a1a;--fg2:#555;--border:#e0e0e0;--primary:#6366f1;--primary-hover:#4f46e5;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--card:#fff;--shadow:0 2px 8px rgba(0,0,0,.06);}
[data-theme="dark"]{--bg:#0f0f14;--bg2:#1a1a23;--fg:#e8e8ed;--fg2:#9ca3af;--border:#2a2a35;--primary:#818cf8;--primary-hover:#a5b4fc;--card:#1a1a23;--shadow:0 2px 8px rgba(0,0,0,.3);}
@media (prefers-color-scheme:dark){[data-theme="auto"]{--bg:#0f0f14;--bg2:#1a1a23;--fg:#e8e8ed;--fg2:#9ca3af;--border:#2a2a35;--primary:#818cf8;--primary-hover:#a5b4fc;--card:#1a1a23;--shadow:0 2px 8px rgba(0,0,0,.3);}}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;font-size:15px;}
a{color:var(--primary);text-decoration:none;}a:hover{text-decoration:underline;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.header{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;}
.header-inner{display:flex;align-items:center;gap:30px;padding:15px 0;}
.logo{font-size:20px;font-weight:700;color:var(--fg)!important;text-decoration:none!important;}
.nav{display:flex;gap:20px;flex:1;}
.nav a{color:var(--fg);padding:8px 0;}
.nav a.active{color:var(--primary);font-weight:600;}
.header-actions{display:flex;gap:10px;align-items:center;}
.cart-btn{background:var(--primary);color:#fff!important;padding:8px 16px;border-radius:8px;font-weight:600;}
.btn{display:inline-block;padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none!important;transition:.2s;}
.btn:hover{background:var(--bg2);}
.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);}
.btn-primary:hover{background:var(--primary-hover);}
.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);}
.btn-success{background:var(--success);color:#fff;}
.btn-outline{background:transparent;}
.btn-sm{padding:6px 12px;font-size:13px;}
.btn-lg{padding:14px 28px;font-size:16px;}
.btn-block{display:block;width:100%;text-align:center;}
.main{padding:40px 0;min-height:calc(100vh - 200px);}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,var(--primary) 0%,#a855f7 100%);color:#fff;border-radius:16px;margin-bottom:40px;}
.hero h1{font-size:48px;margin-bottom:16px;}
.hero p{font-size:18px;opacity:.9;margin-bottom:24px;}
.section{margin-bottom:60px;}
.section h2{font-size:28px;margin-bottom:24px;}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.product-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:.2s;box-shadow:var(--shadow);}
.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);}
.product-card img{width:100%;height:180px;object-fit:cover;}
.product-info{padding:16px;}
.product-info h3{font-size:16px;margin-bottom:8px;}
.product-info h3 a{color:var(--fg);}
.product-info p{color:var(--fg2);font-size:13px;margin-bottom:12px;}
.product-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.price{font-size:20px;font-weight:700;color:var(--primary);}
.price-lg{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:20px;}
.badge{display:inline-block;padding:4px 10px;background:var(--bg2);color:var(--fg2);border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;}
.badge-paid{background:var(--success);color:#fff;}
.badge-pending{background:var(--warning);color:#fff;}
.badge-cancelled{background:var(--danger);color:#fff;}
.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;}
.alert-error{background:#fee;color:#c00;border:1px solid #fcc;}
.alert-success{background:#efe;color:#080;border:1px solid #cfc;}
.alert-warning{background:#ffe;color:#840;border:1px solid #fc9;}
[data-theme="dark"] .alert-error{background:#3a1a1a;color:#faa;}
[data-theme="dark"] .alert-success{background:#1a3a1a;color:#afa;}
[data-theme="dark"] .alert-warning{background:#3a2a0a;color:#fda;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;margin-bottom:6px;font-weight:500;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:14px;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-wide{max-width:900px;}
.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:12px;}
.form-actions{margin-top:20px;display:flex;gap:10px;}
.auth-page{max-width:400px;margin:40px auto;}
.auth-form{background:var(--card);padding:32px;border-radius:12px;border:1px solid var(--border);}
.auth-form h1{margin-bottom:24px;text-align:center;}
.auth-links{text-align:center;margin-top:16px;color:var(--fg2);}
.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:30px;}
.filters{background:var(--card);padding:20px;border-radius:12px;border:1px solid var(--border);height:fit-content;}
.filter-form .form-group{margin-bottom:12px;}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;}
.cart-items{display:flex;flex-direction:column;gap:12px;}
.cart-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:16px;border-radius:12px;border:1px solid var(--border);}
.cart-summary{background:var(--card);padding:24px;border-radius:12px;border:1px solid var(--border);height:fit-content;}
.summary-row{display:flex;justify-content:space-between;padding:8px 0;}
.summary-row.total{font-size:20px;font-weight:700;border-top:2px solid var(--border);margin-top:10px;padding-top:16px;}
.text-success{color:var(--success);}
.text-warning{color:var(--warning);}
.text-muted{color:var(--fg2);}
.promo-form{display:flex;gap:8px;margin:12px 0;}
.promo-form input{flex:1;}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;}
.product-image{width:100%;border-radius:12px;}
.product-content h1{font-size:32px;margin-bottom:16px;}
.product-meta{display:flex;gap:20px;color:var(--fg2);margin-bottom:20px;}
.product-desc{margin-top:24px;line-height:1.8;}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;}
.card{background:var(--card);padding:24px;border-radius:12px;border:1px solid var(--border);margin-bottom:20px;}
.card h3{margin-bottom:16px;}
.table{width:100%;border-collapse:collapse;background:var(--card);border-radius:12px;overflow:hidden;}
.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border);}
.table th{background:var(--bg2);font-weight:600;font-size:13px;}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:30px;}
.stat-card{background:var(--card);padding:24px;border-radius:12px;border:1px solid var(--border);text-align:center;}
.stat-num{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:4px;}
.downloads-list{display:flex;flex-direction:column;gap:10px;}
.download-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);padding:16px;border-radius:12px;border:1px solid var(--border);}
.download-item .meta{color:var(--fg2);font-size:12px;margin-top:4px;}
.pagination{display:flex;gap:6px;margin-top:24px;justify-content:center;}
.toolbar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.success-page,.error-page{text-align:center;padding:60px 20px;}
.success-page h1,.error-page h1{font-size:48px;margin-bottom:16px;}
.footer{background:var(--card);border-top:1px solid var(--border);padding:30px 0;margin-top:60px;text-align:center;color:var(--fg2);}
.theme-toggle{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;}
.admin-body{background:var(--bg);}
.admin-wrap{display:grid;grid-template-columns:240px 1fr;min-height:100vh;}
.sidebar{background:var(--card);border-right:1px solid var(--border);padding:20px 0;}
.sidebar-header{padding:0 20px 20px;border-bottom:1px solid var(--border);margin-bottom:20px;}
.sidebar-header a{font-size:18px;font-weight:700;color:var(--fg)!important;}
.sidebar-nav{display:flex;flex-direction:column;}
.sidebar-nav a{padding:12px 20px;color:var(--fg);text-decoration:none;border-left:3px solid transparent;}
.sidebar-nav a:hover{background:var(--bg2);}
.sidebar-nav a.active{background:var(--bg2);border-left-color:var(--primary);color:var(--primary);font-weight:600;}
.sidebar-nav hr{border:none;border-top:1px solid var(--border);margin:10px 20px;}
.admin-main{padding:30px;}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.admin-header h1{font-size:28px;}
.search-form{display:flex;gap:8px;}
.search-form input{min-width:200px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);}
@media(max-width:768px){
.hero h1{font-size:32px;}
.catalog-layout,.cart-layout,.checkout-layout,.product-detail,.profile-grid,.grid-2,.form-grid{grid-template-columns:1fr;}
.admin-wrap{grid-template-columns:1fr;}
.sidebar{display:none;}
.nav{display:none;}
}