@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--ink:#1e1b19;--muted:#817a74;--line:#e4ddd6;--paper:#f7f4f0;--white:#fff;--orange:#ff562f;--orange-dark:#e9431d;--soft:#fff1e9;--green:#3e9b5f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.admin-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;width:250px;flex-direction:column;padding:28px 20px;background:var(--ink);color:#fff}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:0 8px 30px;border-bottom:1px solid #393532}.sidebar-brand strong{display:block;font-size:19px}.sidebar-brand small{display:block;margin-top:3px;color:#9d9690;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.brand-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:linear-gradient(145deg,#ff3d22,#ffa521);box-shadow:0 14px 30px #ff542f38;color:#fff;font-size:28px;font-weight:800}.brand-mark--small{width:40px;height:40px;border-radius:12px;font-size:19px}.sidebar nav{display:grid;gap:7px;margin-top:28px}.sidebar nav a,.sidebar nav>span{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;color:#aaa39e;font-size:13px;font-weight:600;text-decoration:none}.sidebar nav a>span,.sidebar nav>span>span{width:20px;color:#817b76;font-size:18px}.sidebar nav a.is-active{background:#fff;color:var(--ink)}.sidebar nav a.is-active>span{color:var(--orange)}.sidebar nav i{margin-left:auto;padding:3px 6px;border-radius:6px;background:#34302e;color:#77706b;font-size:8px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.nav-disabled{opacity:.75}.sidebar-foot{display:grid;gap:12px;margin-top:auto;padding:18px 8px 0;border-top:1px solid #393532}.sidebar-foot a,.sidebar-foot button{border:0;background:none;color:#a59e98;font-size:11px;text-align:left;text-decoration:none}.workspace{min-height:100vh;margin-left:250px;padding:0 42px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:32px 0 28px}.campaign-modal header small,.form-section__head small,.panel-head small,.topbar small{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.18em}.topbar h1{margin:5px 0 0;font-size:31px;letter-spacing:-.04em}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:15px 18px;border:0;border-radius:11px;background:var(--orange);box-shadow:0 8px 20px #ff562f22;color:#fff;font-weight:700}.primary-button:hover{background:var(--orange-dark)}.primary-button:disabled{cursor:wait;opacity:.65}.primary-button--compact{width:auto;padding:12px 18px}.secondary-button{width:auto;background:#ece6e1;box-shadow:none;color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-grid article{min-height:148px;padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff}.metric-grid article small{color:#928b85;font-size:9px;font-weight:700;letter-spacing:.14em}.metric-grid article strong{display:block;margin:14px 0 10px;font-size:36px;letter-spacing:-.05em}.metric-grid article span{color:#99918b;font-size:11px}.metric-grid .metric-dark{background:var(--ink);color:#fff}.metric-grid .metric-dark small,.metric-grid .metric-dark span{color:#aaa39d}.metric-grid .metric-dark strong{font-size:25px}.live-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#58c87a;box-shadow:0 0 0 4px #58c87a20}.panel{margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border-bottom:1px solid #ede7e2}.panel-head h2{margin:5px 0 0;font-size:23px;letter-spacing:-.04em}.panel-head button{border:0;background:none;color:var(--orange);font-size:11px;font-weight:700}.panel-head>span{color:#968e87;font-size:11px}.campaign-table{padding:0 14px 10px}.table-row{display:grid;grid-template-columns:2fr 1.2fr .7fr .8fr 42px;align-items:center;gap:20px;min-height:74px;padding:10px 12px;border-bottom:1px solid #eee9e5}.table-row:last-child{border:0}.table-row--head{min-height:43px;color:#9a928b;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.table-row div>span,.table-row div>strong{display:block;font-size:12px}.table-row div>small{display:block;margin-top:5px;color:#99918b;font-size:10px}.status-pill{display:inline-block!important;width:-moz-max-content;width:max-content;padding:7px 10px;border-radius:20px;background:#eee;color:#777;font-size:9px!important;font-weight:800;text-transform:uppercase}.status-pill.is-active{background:#e6f6ea;color:#348b51}.status-pill.is-paused{background:#fff0e7;color:#d9512c}.row-actions button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.empty-state{padding:52px 20px;text-align:center}.empty-state>span{font-size:34px;color:var(--orange)}.empty-state h3{margin:12px 0 7px}.empty-state p{margin:0 auto 18px;max-width:460px;color:var(--muted);font-size:12px;line-height:1.7}.empty-state .primary-button{margin:auto}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.inventory-grid article{display:flex;min-height:132px;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fcfbfa}.inventory-grid article>div{display:flex;justify-content:space-between}.inventory-grid article>div i,.inventory-grid article>div span{color:var(--orange);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em}.inventory-grid article>div i{color:#9b938c}.inventory-grid article strong{margin:14px 0 7px;font-size:12px}.inventory-grid article code{overflow:hidden;color:#655f5a;font-size:10px;text-overflow:ellipsis}.inventory-grid article>small{margin-top:auto;color:#a29a94;font-size:9px}.error-state,.success-banner{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px 16px;border-radius:12px;background:#e4f5e9;color:#287d45;font-size:11px;font-weight:600}.success-banner button{margin-left:auto;border:0;background:none;color:inherit;font-size:18px}.error-state{background:#fff0eb;color:#b13c22}.login-page{display:grid;min-height:100vh;grid-template-columns:1.15fr .85fr;background:var(--ink)}.login-brand{position:relative;display:flex;align-items:center;gap:28px;overflow:hidden;padding:10vw;color:#fff}.login-brand:after{position:absolute;inset:auto auto -180px -160px;width:500px;height:500px;border:100px solid #ff562f12;border-radius:42%;content:"";transform:rotate(25deg)}.login-brand small{color:#ff7b5b;font-size:10px;font-weight:700;letter-spacing:.18em}.login-brand h1{margin:7px 0 13px;font-size:58px;letter-spacing:-.06em}.login-brand p{max-width:480px;color:#aaa29c;font-size:14px;line-height:1.7}.login-card{align-self:center;margin:40px 12%;padding:42px;border-radius:24px;background:#fff;box-shadow:0 30px 80px #0005}.login-card__head{margin-bottom:28px}.login-card__head small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.16em}.login-card__head h2{margin:8px 0;font-size:31px}.login-card__head p{margin:0;color:var(--muted);font-size:12px}.form-grid label,.form-options>label,.login-card label{display:grid;gap:7px;margin-bottom:16px}.form-grid label span,.form-options label>span,.login-card label span{color:#746d67;font-size:10px;font-weight:700}.form-grid input,.form-options input,.login-card input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;outline:none}.form-grid input:focus,.login-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff562f12}.login-note{display:block;margin-top:18px;color:#9b938d;font-size:9px;text-align:center}.form-error{padding:11px 13px;border-radius:9px;background:#fff0eb;color:#b13c22;font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;overflow:auto;place-items:start center;padding:35px;background:#171412c7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.campaign-modal{width:min(900px,100%);margin:auto;border-radius:22px;background:#fff;box-shadow:0 40px 100px #0006}.campaign-modal>header{display:flex;justify-content:space-between;padding:27px 30px;border-bottom:1px solid var(--line)}.campaign-modal header h2{margin:6px 0;font-size:27px}.campaign-modal header p{margin:0;color:var(--muted);font-size:11px}.campaign-modal header>button{width:36px;height:36px;border:0;border-radius:50%;background:#eee8e3;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px 30px 5px}.form-section{padding:22px 30px;border-top:1px solid var(--line)}.form-section__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.form-section__head h3{margin:4px 0 0}.form-section__head>span{color:#9a928c;font-size:9px}.upload-zone{display:flex;align-items:center;gap:15px;padding:18px;border:1px dashed #ff8d72;border-radius:13px;background:#fff7f3;cursor:pointer}.upload-zone input{display:none}.upload-zone>span{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;background:var(--orange);color:#fff;font-weight:800}.upload-zone small,.upload-zone strong{display:block;font-size:11px}.upload-zone small{margin-top:5px;color:#9b928b;font-size:9px}.form-section .form-grid{padding:17px 0 0}.placement-picker{display:grid;max-height:260px;grid-template-columns:repeat(3,1fr);gap:8px;overflow:auto}.placement-picker label{position:relative;display:flex;min-height:105px;flex-direction:column;padding:13px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.placement-picker label.is-selected{border-color:var(--orange);background:#fff5f1;box-shadow:inset 0 0 0 1px var(--orange)}.placement-picker label.is-disabled{cursor:not-allowed;opacity:.35}.placement-picker input{position:absolute;top:10px;right:10px;accent-color:var(--orange)}.placement-picker label>span{color:var(--orange);font-size:8px;font-weight:800}.placement-picker strong{margin:10px 0 5px;padding-right:20px;font-size:10px}.placement-picker code{color:#766f69;font-size:8px}.placement-picker small{margin-top:auto;color:#99918a;font-size:8px}.form-options{display:flex;align-items:center;gap:30px;padding:18px 30px;border-top:1px solid var(--line)}.form-options>label{width:130px;margin:0}.form-options .switch{display:flex;width:auto;align-items:center;gap:12px}.switch>input{display:none}.switch>span{position:relative;width:42px;height:24px;border-radius:20px;background:#d8d1cb}.switch>span:after{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;content:"";transition:.2s}.switch>input:checked+span{background:var(--orange)}.switch>input:checked+span:after{left:22px}.switch small,.switch strong{display:block;font-size:10px}.switch small{margin-top:4px;color:#99918b;font-size:8px}.campaign-modal>.form-error{margin:0 30px}.campaign-modal>footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid var(--line)}.metric-grid .metric-dark.is-offline{background:#50251d}.error-state button{margin-left:auto;padding:7px 10px;border:0;border-radius:8px;background:#fff;color:#9e351f;font-size:9px;font-weight:700}@media(max-width:1050px){.inventory-grid,.metric-grid{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1.6fr 1fr .6fr .8fr 38px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px}.sidebar nav,.sidebar-foot{display:none}.sidebar-brand{padding:0;border:0}.workspace{margin:0;padding:0 15px 40px}.topbar{padding:22px 0}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-height:120px;padding:17px}.campaign-table{overflow:auto}.table-row{min-width:700px}.inventory-grid,.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card{margin:24px;padding:30px}.form-grid,.placement-picker{grid-template-columns:1fr}.modal-backdrop{padding:10px}.campaign-modal>footer,.campaign-modal>header,.form-grid,.form-section{padding-left:18px;padding-right:18px}.form-options{align-items:flex-start;flex-direction:column;padding:18px}.panel-head{padding:20px}.panel-head button{display:none}}