:root{--blue:#256FD0;--blue2:#0f63bd;--ink:#0c1730;--muted:#607086;--line:#e6edf5;--soft:#f7fbff;--danger:#b42318;--ok:#067647}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,'Segoe UI',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.container{width:min(1440px,calc(100% - 56px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid #edf2f7}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{height:50px;width:auto;display:block}.links{display:flex;gap:28px;align-items:center;font-size:15px}.links a{padding:25px 0;border-bottom:3px solid transparent}.links a:hover{color:var(--blue);border-color:var(--blue)}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 20px;font-weight:800;cursor:pointer}.btn-primary{background:var(--blue);color:white}.btn-outline{border:1px solid #cbd5e1;background:#fff;color:var(--ink)}.btn-danger{background:#fee4e2;color:#b42318}.hero{position:relative;background:#eef7ff}.hero-image{width:100%;display:block;min-height:560px;max-height:800px;object-fit:cover;object-position:center}.store-overlay{position:absolute;left:50%;top:53%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;gap:10px;width:min(315px,23vw)}.store-overlay img{display:block;width:100%;border-radius:11px}.store-overlay a{transition:.2s}.store-overlay a:hover{transform:translateY(-2px)}section{padding:78px 0}.head{text-align:center;max-width:780px;margin:0 auto 40px}.eyebrow{color:var(--blue);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.head h2{font-size:42px;line-height:1.08;margin:10px 0 12px}.head p{color:var(--muted);font-size:17px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;box-shadow:0 14px 34px rgba(12,61,110,.06)}.card .ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-size:22px}.card p{color:var(--muted);line-height:1.65}.blue-section{background:linear-gradient(135deg,#1167c6,#2f83df);color:white}.blue-section .head p{color:#e3efff}.contact-box{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}.chip{padding:12px 16px;border-radius:999px;background:#eef6ff;color:#174ea6;font-weight:700}footer{border-top:1px solid var(--line);padding:28px 0 18px}.foot{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}.foot img{height:56px}.foot h4{margin:0 0 11px;font-size:14px}.foot a{display:block;color:#4c5d73;font-size:13px;margin:7px 0}.copyright{border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:12px;color:#64748b;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.auth-shell,.admin-shell{min-height:100vh;background:#f7fbff}.auth-card{width:min(480px,calc(100% - 30px));margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 40px rgba(12,61,110,.08)}.auth-card .logo{text-align:center;margin-bottom:22px}.auth-card .logo img{height:62px}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px;background:#fff}.field textarea{min-height:110px;resize:vertical}.alert{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:14px}.alert-error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.alert-ok{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.muted{color:var(--muted)}
.dashboard-wrap{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0d2f5d;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.sidebar img{width:150px;background:white;border-radius:12px;padding:8px}.sidebar nav{margin-top:30px;display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#dce9ff}.sidebar nav a:hover,.sidebar nav a.active{background:#174c8f;color:#fff}.mainpanel{padding:30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.stat strong{display:block;font-size:28px;margin-top:8px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 10px 30px rgba(12,61,110,.04)}.section-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-editor .wide{grid-column:1/-1}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#eef6ff;color:#175cd3;font-size:12px;font-weight:800}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
@media(max-width:980px){.links{display:none}.hero-image{min-height:520px}.store-overlay{width:min(250px,29vw)}.cards,.foot,.stat-grid,.profile-grid{grid-template-columns:1fr 1fr}.dashboard-wrap{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(4,1fr)}.section-editor{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,1440px)}.nav{min-height:64px}.brand img{height:42px}.actions .btn-outline{display:none}.hero-image{min-height:460px;object-position:55% center}.store-overlay{top:57%;width:min(210px,50vw);gap:7px}.cards,.foot,.stat-grid,.profile-grid{grid-template-columns:1fr}.head h2{font-size:32px}.sidebar nav{grid-template-columns:1fr 1fr}.mainpanel{padding:18px}.topbar{align-items:flex-start;flex-direction:column}}