:root{--ink:#28180f;--muted:#725b49;--cream:#fff8e9;--paper:#f6dfb7;--orange:#d9682d;--line:rgba(91,53,25,.18);--green:#4d7d51;--red:#9d3d35;--shadow:0 24px 70px rgba(85,45,18,.2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f4d39e,#fff8ea 58%,#ead5b6)}button,input,select,textarea{font:inherit}.screen{min-height:100vh}.auth{display:grid;place-items:center;padding:24px}.card{background:rgba(255,250,239,.93);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px}.auth-card{width:min(500px,100%)}.brand{display:flex;align-items:center;gap:12px}.mark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ef994d,#be4b1e);color:white;font-size:25px;font-weight:900}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.field{display:grid;gap:7px;margin:13px 0}.field input,.field select,.field textarea{width:100%;padding:13px;border-radius:14px;border:1px solid var(--line);background:#fffdf8;color:var(--ink)}.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#ee9146,#d75c25);color:white}.btn.secondary{background:#f0e3cf;color:var(--ink);border:1px solid var(--line)}.btn.green{background:var(--green)}.full{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap}.shell{max-width:1100px;margin:auto;padding:20px}.topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.grid{display:grid;gap:15px}.stats{grid-template-columns:repeat(4,1fr)}.metric strong{display:block;font-size:28px;margin-top:7px}.booking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-grid{grid-template-columns:repeat(3,1fr)}.slot{cursor:pointer;text-align:left}.slot.selected{outline:3px solid rgba(216,98,43,.28);border-color:var(--orange)}.price{font-size:26px;font-weight:900;color:#b64b1e}.status{display:inline-flex;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:900;background:#eee0c9}.status.live{background:#ddead8;color:#365d3b}.status.pending{background:#fae1a7;color:#775310}.status.rejected{background:#efd3d0;color:#81342f}.progress{height:8px;background:#eadbc4;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#dd742f,#efad52)}.notice{padding:13px;border-radius:14px;background:#fff1d6;border:1px solid #edc787}.link{color:#b84d21;font-weight:800}.toast{position:fixed;z-index:80;right:18px;top:18px;background:#2b1a11;color:white;padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(-8px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:760px){.stats,.booking-grid,.slot-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}

.hidden{display:none!important}.back-link{display:inline-flex;margin-bottom:18px;color:#a9431b;font-weight:800;text-decoration:none}.auth-actions{margin:20px 0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.booking-card{overflow:hidden}.booking-creative{height:180px;margin:-22px -22px 18px;overflow:hidden;background:#32120d}.booking-title{align-items:flex-start}.compact-notice{display:inline-flex;padding:10px;font-size:12px}
.creative-media{width:100%;height:100%;object-fit:cover;display:block}.creative-placeholder{width:100%;height:100%;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;text-align:center;color:#fff;background:radial-gradient(circle at 50% 18%,#fcaa48,transparent 25%),linear-gradient(145deg,#6d170e,#200706)}.creative-placeholder b{font-size:clamp(19px,3vw,36px);letter-spacing:.06em}.creative-placeholder small{color:#ffe0bb;font-weight:700}
.studio-layout,.booking-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:18px;align-items:start}.studio-preview,.booking-preview{position:sticky;top:18px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 22px}.sample-ad{min-height:150px;border:2px solid transparent;border-radius:18px;padding:16px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-align:left;cursor:pointer;background:linear-gradient(145deg,#7b1d10,#24100a);box-shadow:0 15px 30px rgba(75,31,10,.2)}.sample-ad b{font-size:18px}.sample-ad small{color:#ffe6c8}.sample-ad.selected{border-color:#ffbc5f;outline:3px solid rgba(237,113,37,.2)}
.ad-preview{height:440px;overflow:hidden;border-radius:20px;background:#34100b;box-shadow:0 20px 45px rgba(67,25,8,.28)}.ad-preview>.creative-media{width:100%;height:100%;object-fit:cover}.ad-preview.creative-flash{animation:creativeFlash 2.5s ease-in-out infinite}.ad-preview.creative-pulse{animation:creativePulse 2s ease-in-out infinite}.creative-spotlight{background:radial-gradient(circle at 50% 18%,#ffb64d,transparent 26%),linear-gradient(150deg,#60160e,#160604)}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(29,14,7,.72);backdrop-filter:blur(6px)}.modal-card{width:min(620px,100%);max-height:92vh;overflow:auto}.modal-card .topbar{margin-bottom:12px}
@keyframes creativeFlash{0%,100%{box-shadow:0 0 0 rgba(255,104,33,0),inset 0 0 0 1px rgba(255,221,166,.25)}50%{box-shadow:0 0 35px rgba(255,79,20,.7),inset 0 0 0 3px rgba(255,224,171,.8)}}@keyframes creativePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(max-width:820px){.studio-layout,.booking-layout{grid-template-columns:1fr}.studio-preview,.booking-preview{position:static}.ad-preview{height:280px}.sample-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.shell{padding:12px}.card{border-radius:18px;padding:16px}.booking-creative{margin:-16px -16px 14px}.sample-grid{grid-template-columns:1fr}.sample-ad{min-height:110px}.auth-actions .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.ad-preview.creative-flash,.ad-preview.creative-pulse{animation:none}}
.image-size-spec{display:inline-flex;margin:4px 0 12px;padding:7px 10px;border-radius:999px;background:#fff0dc;border:1px solid #ebbc8f;color:#a74518;font-size:11px;font-weight:900}.image-upload-help{color:#a44719;font-size:12px;font-weight:800}.round-countdown{display:inline-flex!important;width:max-content;margin:8px 0 0!important;padding:7px 10px;border-radius:999px;background:#4a180d;color:#ffd594;box-shadow:0 7px 16px rgba(80,32,12,.18)}.booking-creative{position:relative}.booking-card .round-countdown{font-variant-numeric:tabular-nums}
.extension-request{border-color:#efbd83;background:#fff3df;color:#74451f}.extension-request strong{color:#bf4f13}