@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #c5a059;--primary-dark: #a8823d;--secondary: #d4af37;--accent: #f43f5e;--bg: #0b1120;--card-bg: rgba(22, 30, 46, .8);--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(197, 160, 89, .15);--glass: rgba(255, 255, 255, .03);--radius-lg: 32px;--radius-md: 16px;--shadow-premium: 0 20px 50px -12px rgba(0, 0, 0, .7);--font: "Outfit", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(197,160,89,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(197,160,89,.05) 0,transparent 50%);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:1300px;margin:0 auto;padding:40px 24px}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium)}.nav-bar{position:sticky;top:0;z-index:100;background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:80px}.nav-inner{max-width:1300px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo-text{font-size:24px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-logo-text span{color:var(--primary);-webkit-text-fill-color:var(--primary)}.hero{text-align:center;padding:60px 0 100px;animation:fadeInDown .8s cubic-bezier(.16,1,.3,1)}.hero h1{font-size:64px;font-weight:900;letter-spacing:-.05em;margin-bottom:16px;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:20px;color:var(--text-muted);max-width:600px;margin:0 auto}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;margin-top:-60px}.brand-card{position:relative;height:240px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1);border:1px solid var(--border)}.brand-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.9),transparent);z-index:1}.brand-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary);box-shadow:0 30px 60px -15px #0ea5e94d}.brand-card.iphone{background:url(https://images.unsplash.com/photo-1616348436168-de43ad0db179?auto=format&fit=crop&q=80&w=1000) center/cover}.brand-card.samsung{background:url(https://images.unsplash.com/photo-1610945265064-0e34e5519bbf?auto=format&fit=crop&q=80&w=1000) center/cover}.brand-card.xiaomi{background:url(https://webmasto.com/wp-content/uploads/2024/11/Xiaomi-15-serisi.webp) center/cover}.brand-card.huawei{background:url(https://www.fotografdergisi.com/wp-content/uploads/2024/09/1726044525_Huawei_Mate_XT__3_.jpg) center/cover}.brand-card.oppo{background:url(https://cdnuploads.aa.com.tr/uploads/Contents/2020/12/26/thumbs_b_c_fe507c2ecd226adfc02c7c9f741646e6.jpg?v=113933) center/cover}.brand-card.realme{background:url(https://img.chip.com.tr/rcman/Cw940h529q95gm/storage/files/images/2024/10/14/realme-gt-6-inceleme-eq0l.jpg) center/cover}.brand-card-content{position:relative;z-index:2}.brand-card h3{font-size:32px;font-weight:800;letter-spacing:-.02em}.search-container{max-width:600px;margin:40px auto;position:relative}.search-input{width:100%;background:#ffffff0d;border:1px solid var(--border);padding:20px 24px 20px 60px;border-radius:var(--radius-md);color:#fff;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.search-input:focus{background:#ffffff1a;border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0ea5e933}.model-section{margin-bottom:60px;animation:fadeInUp .6s ease-out}.model-group-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:24px;display:flex;align-items:center;gap:16px}.model-group-title:after{content:"";flex:1;height:1px;background:var(--border)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.model-card-premium{padding:24px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s;color:var(--text-main);text-align:left}.model-card-premium:hover{background:#ffffff14;border-color:var(--primary);transform:translate(8px)}.model-card-premium .icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0ea5e933,#6366f133);display:flex;align-items:center;justify-content:center;color:var(--primary)}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.service-card{padding:32px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s;display:flex;flex-direction:column}.service-card:hover{background:#ffffff0d;border-color:var(--primary);transform:translateY(-4px)}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state p:first-child{font-size:18px;font-weight:500;margin-bottom:4px}.empty-state p:last-child{font-size:14px}.bulk-table-container{overflow-x:auto;margin-top:24px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid var(--border)}.bulk-table{width:100%;border-collapse:separate;border-spacing:0}.bulk-table th{text-align:left;padding:18px 16px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);border-bottom:1px solid var(--border);position:sticky;top:0;background:#1e293b;z-index:10}.bulk-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-main)}.bulk-table tr:hover td{background:#ffffff05}.bulk-table-model{font-weight:700;color:#1e293b;font-size:14px}.bulk-input{width:100px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;font-size:14px;font-weight:600;color:#fff;font-family:inherit;outline:none;transition:all .2s}.bulk-input:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #0ea5e91a}.admin-mode-toggle{display:flex;background:var(--glass);padding:6px;border-radius:18px;margin-bottom:32px;width:-moz-fit-content;width:fit-content;border:1px solid var(--border)}.admin-mode-btn{padding:10px 24px;border-radius:14px;font-size:14px;font-weight:700;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:all .3s}.admin-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px #0ea5e94d}.save-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f59e0b;padding:8px 16px;background:#fffbeb;border-radius:10px;border:1px solid #fef3c7}.save-status.saved{color:#10b981;background:#f0fdf4;border-color:#dcfce7}.price-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.price-card.selected{border-color:#0ea5e9;background:#f0f9ff;box-shadow:0 4px 12px #0ea5e91a;transform:translateY(-2px)}.price-card.selected .price-card-status{background:#0ea5e9;color:#fff}.price-card.selected .price-card-status-dot{background:#fff}.selection-bar{position:sticky;bottom:24px;background:#0f172a;padding:16px 24px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 20px 40px #0003;z-index:100;margin-top:40px}.selection-info h4{margin:0;font-size:16px}.selection-info p{margin:4px 0 0;font-size:13px;color:#94a3b8}.summary-card{max-width:600px;margin:0 auto;background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 30px #0000000d}.summary-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.summary-total-box{background:#f8fafc;padding:24px;border-radius:16px;margin-top:24px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.summary-row.grand-total{border-top:2px solid #e2e8f0;padding-top:16px;margin-top:16px;font-size:20px;font-weight:800;color:#0ea5e9}@media print{.nav-bar,.back-btn,.selection-bar,.admin-mode-toggle,.footer,.breadcrumb,.admin-section{display:none!important}.container{padding:0!important;margin:0!important}.summary-card{box-shadow:none!important;border:1px solid #eee!important;max-width:100%!important}}.admin-select{width:100%;background:var(--bg);border:1px solid var(--border);padding:12px 16px;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;font-weight:600;outline:none;cursor:pointer;transition:all .3s}.admin-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0ea5e91a}.admin-section{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:32px}.admin-section h3{font-size:24px;font-weight:800;margin-bottom:24px;color:#fff}.login-card{max-width:440px;margin:100px auto;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:60px 48px;box-shadow:var(--shadow-premium);text-align:center}.login-icon{width:64px;height:64px;background:#f1f5f9;color:#0ea5e9;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px}.admin-input-full:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.login-error{color:#ef4444;font-size:13px;font-weight:600;margin-top:12px}.nav-btn{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;font-family:inherit;font-size:14px}.nav-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px #0ea5e94d}.nav-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #0ea5e966}.nav-btn-secondary{background:var(--glass);color:#fff;border:1px solid var(--border)}.nav-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.service-btn{width:100%;padding:18px;border-radius:20px;border:none;font-weight:800;cursor:pointer;transition:all .4s;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;margin-top:24px}.service-btn.select{background:var(--glass);color:var(--primary);border:1px solid rgba(14,165,233,.3)}.service-btn.select:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.service-btn.selected{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 25px #0ea5e94d}.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:40px;background:var(--glass);padding:14px 28px;border-radius:100px;width:-moz-fit-content;width:fit-content;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumb button{background:none;border:none;color:var(--text-muted);font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;font-size:14px}.breadcrumb button:hover{color:var(--primary)}.breadcrumb button.active{color:#fff}.separator{color:var(--border);font-weight:900;font-size:18px}.section-header{margin-bottom:48px;animation:fadeInDown .6s ease}.section-header h2{font-size:48px;font-weight:900;letter-spacing:-.04em;margin-bottom:12px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-header p{color:var(--text-muted);font-size:20px;max-width:600px}.admin-btn-dark{background:#0f172a;color:#fff;border:1px solid var(--border);padding:14px 28px;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s}.admin-btn-dark:hover{background:#1e293b;border-color:var(--primary)}.admin-btn-sky{background:var(--primary);color:#fff;border:none;padding:14px 28px;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s}.admin-btn-sky:hover{background:var(--primary-dark);box-shadow:0 8px 20px #0ea5e966}.admin-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:10px}.admin-input-full{width:100%;background:#ffffff0d;border:1px solid var(--border);padding:16px 20px;border-radius:14px;color:#fff;font-family:inherit;font-size:16px;outline:none;transition:all .3s}.admin-input-full:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #0ea5e91a}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{width:100%;max-width:600px;position:relative;padding:40px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-premium);animation:modalScale .4s cubic-bezier(.34,1.56,.64,1)}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;transition:all .2s}.modal-close:hover{color:#fff;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.brand-grid,.model-grid,.price-grid,.admin-grid,.admin-two-col{grid-template-columns:1fr}.nav-inner{padding:0 16px}.container{padding:24px 16px}.section-header h2{font-size:26px}.brand-card{min-height:160px;padding:28px 24px}.admin-add-row{flex-direction:column}}