:root{--bg:#070707;--panel:#111;--gold:#d5ad4b;--gold2:#f2d27b;--text:#f4efe3;--muted:#a9a39a;--line:#3a2b12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,#18120a 0,#070707 38%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:rgba(7,7,7,.9);backdrop-filter:blur(12px);border-bottom:1px solid #211a0e}.brand{display:flex;gap:10px;align-items:baseline}.brand span{font-size:22px;letter-spacing:4px;color:var(--gold2);font-weight:800}.brand small{color:var(--muted)}nav{display:flex;gap:18px;align-items:center}nav a{color:#ddd}button,.btn{font:inherit;cursor:pointer}.btn{display:inline-block;padding:13px 20px;border:1px solid var(--gold);border-radius:10px;background:linear-gradient(135deg,#d7b35a,#9d7624);color:#0a0804;font-weight:800}.btn.outline,.ghost{background:transparent;color:var(--gold2);border:1px solid #6b5325}.ghost{padding:8px 12px;border-radius:8px}
.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:70px 7%;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);margin:0 0 12px}.hero h1{font-size:clamp(58px,9vw,110px);line-height:.82;margin:0 0 28px;letter-spacing:4px}.hero h1 span{font-size:.34em;letter-spacing:7px;color:var(--gold2)}.lead{max-width:590px;color:#c6c0b6;font-size:20px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.crown-stage{height:500px;position:relative;display:grid;place-items:center;perspective:900px}.crown{width:230px;height:290px;position:relative;transform-style:preserve-3d;animation:float 4.5s ease-in-out infinite,spin 12s linear infinite;border-radius:44% 44% 20% 20%/24% 24% 13% 13%;background:linear-gradient(100deg,#9e978a,#fffdf1 23%,#d8d0be 50%,#fffdf2 73%,#8d877b);box-shadow:inset -28px -20px 45px rgba(0,0,0,.28),inset 18px 5px 35px rgba(255,255,255,.8),0 40px 70px rgba(0,0,0,.7)}.crown:before{content:"";position:absolute;inset:15px 25px 55px;border-radius:50% 50% 18% 18%;border-top:5px solid rgba(255,255,255,.55);filter:blur(1px)}.crown:after{content:"";position:absolute;left:20%;right:20%;bottom:-9px;height:42px;border-radius:50%;background:linear-gradient(#d5cdbb,#6f695f);box-shadow:inset 0 6px 10px rgba(255,255,255,.5)}.crown-inner{position:absolute;left:31%;right:31%;bottom:20px;height:75px;background:radial-gradient(ellipse at top,#f7f0df,#777066 70%,#332f2a);border-radius:50%;opacity:.65}.ring{position:absolute;width:330px;height:70px;border:1px solid rgba(213,173,75,.5);border-radius:50%;transform:rotateX(70deg);box-shadow:0 0 50px rgba(213,173,75,.12)}
@keyframes spin{to{transform:rotateY(360deg)}}@keyframes float{50%{translate:0 -14px}}
.section{padding:90px 7%;border-top:1px solid #17130c}.section-head{margin-bottom:28px}.section h2{font-size:42px;margin:0 0 10px}.section-head>p:last-child{color:var(--muted)}.grid,.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.price-card,.panel{background:linear-gradient(145deg,#121212,#0b0b0b);border:1px solid var(--line);border-radius:16px;padding:24px}.card h3,.price-card h3{margin:0 0 12px;color:var(--gold2)}.card p,.price-card p{color:#aaa;line-height:1.7}.price{font-size:28px;color:var(--gold2);font-weight:800}
.portal{min-height:500px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px;margin-bottom:12px}.field label{color:#c8c0b0}.field input,.field select,.field textarea{width:100%;padding:13px;border-radius:9px;border:1px solid #3b301d;background:#080808;color:#fff;font:inherit}.notice{padding:14px;border-radius:10px;background:#17130b;border:1px solid #4b3919;color:#e5d19d;margin-bottom:16px}.dashboard{display:grid;gap:18px}.dash-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #292319;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.danger{border-color:#693b31!important;color:#f0a18e!important;background:transparent!important}.success{color:#a9dfb1}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs button{padding:9px 13px;border-radius:8px;border:1px solid #4b3919;background:#0d0d0d;color:#ddd}.tabs button.active{background:#cda747;color:#111}
footer{padding:35px 7%;border-top:1px solid #17130c;color:#999;text-align:center}footer a{color:var(--gold2)}
@media(max-width:800px){nav a{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.crown-stage{height:380px;order:-1}.crown{width:180px;height:225px}.grid,.price-grid,.auth-grid{grid-template-columns:1fr}.section{padding:65px 5%}.hero h1{font-size:68px}.lead{font-size:17px}}


/* Service editing dialog */
.service-edit-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(5px)}
.service-edit-card{width:min(100%,480px);max-height:90vh;overflow:auto;background:#151515;color:#f7f0df;border:1px solid #b89448;border-radius:16px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.6);display:grid;gap:10px}
.service-edit-card h3{margin:0 0 8px;color:#d8b86a}
.service-edit-card label{font-size:14px;color:#e4d6b0}
.service-edit-card input,.service-edit-card select,.service-edit-card textarea{width:100%;box-sizing:border-box;background:#090909;color:#fff;border:1px solid #66552f;border-radius:8px;padding:11px;font:inherit}
.service-edit-card textarea{resize:vertical}
.service-edit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.service-edit-actions button{flex:1;min-width:120px}

/* Dentist case form: interactive FDI tooth chart */
.case-editor{max-width:1000px;margin-inline:auto}.tooth-legend{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--gold2);font-size:13px;margin:10px 0}.tooth-chart{border:1px solid #4b3919;background:radial-gradient(ellipse at center,#1d1a13,#080808 72%);padding:16px 10px;border-radius:14px;overflow-x:auto}.tooth-row{display:flex;justify-content:center;gap:4px;min-width:610px;direction:ltr}.tooth{width:clamp(29px,4.1vw,48px);height:72px;padding:5px 1px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;border:1px solid #76623b;border-radius:45% 45% 35% 35%;background:linear-gradient(145deg,#f5f0df,#bcb39d);color:#18150f;transition:transform .15s,border-color .15s,background .15s;flex:0 0 auto}.tooth:nth-child(2n){height:65px;margin-top:5px}.tooth:nth-child(4n),.tooth:nth-child(4n+1){height:59px;margin-top:8px}.tooth-shape{font-size:24px;line-height:1;transform:rotate(180deg);color:#706754}.tooth small{font-size:11px;font-weight:800}.tooth.selected{background:linear-gradient(145deg,#f4d77e,#c4952c);border:2px solid #fff0b4;box-shadow:0 0 13px #d5ad4b88;transform:translateY(-3px)}.tooth.selected .tooth-shape{color:#33230a}.jaw-divider{display:flex;align-items:center;gap:10px;min-width:610px;justify-content:center;color:#bca56a;font-size:11px;margin:8px 0}.jaw-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#8c6d2f,transparent)}.selected-teeth{color:var(--gold2);font-weight:700;margin:10px 0 2px}.case-editor .field select{min-height:46px}.case-editor .field select option{background:#111;color:#fff}
@media(max-width:600px){.tooth-chart{padding:12px 6px}.tooth-row{justify-content:flex-start}.tooth{width:32px;height:65px}.tooth:nth-child(2n){height:59px}.tooth:nth-child(4n),.tooth:nth-child(4n+1){height:54px}}

/* Per-doctor dynamic case pricing */
.price-quote{padding:14px 16px;margin:8px 0 18px;border:1px solid #8b6a2c;border-radius:12px;background:linear-gradient(120deg,#211a0b,#101010);color:var(--gold2);font-weight:800;line-height:1.7}
#pricingForm .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:0}
#pricingForm .actions .btn,#pricingForm .actions .ghost{min-height:44px}