:root{--navy: #061f3f;--navy-2: #0b2f59;--navy-3: #102f52;--ink: #07111f;--yellow: #ffd50a;--paper: #f6f8fb;--white: #ffffff;--line: rgba(6, 31, 63, .12);--line-light: rgba(255, 255, 255, .13);--muted: rgba(7, 17, 31, .66);--shadow: 0 24px 80px rgba(6, 31, 63, .13);--shadow-soft: 0 16px 44px rgba(6, 31, 63, .09);font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(90deg,#04111f 0,#071a31 18rem,transparent 18rem),linear-gradient(135deg,#edf2f8,#f8fafc 45%,#fff)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(1540px,calc(100% - 28px));margin:0 auto;padding:18px 0 42px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--line-light);border-radius:24px;background:linear-gradient(135deg,#030e1cf5,#081f3fe6);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:182px;max-width:48vw;height:auto;border-radius:16px;background:#fff;padding:10px 12px}.status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#ffffff14;color:#ffffffd1;font-size:.86rem;font-weight:900}.dot{width:9px;height:9px;border-radius:999px;background:#17a34a}.login{width:min(560px,calc(100% - 28px));margin:12vh auto 0;padding:34px;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:#ffffffe6;box-shadow:var(--shadow)}.login img{display:block;width:260px;max-width:82%;margin-bottom:26px}.eyebrow{margin:0 0 10px;color:var(--navy);font-size:.78rem;font-weight:950;letter-spacing:.2em;text-transform:uppercase}h1{margin:0;color:var(--navy);font-size:clamp(2rem,6vw,4.4rem);line-height:.95}h2{margin:0;color:var(--navy);font-size:clamp(1.35rem,2.4vw,2rem)}h3{margin:0;color:var(--navy);font-size:1.02rem}.lead{margin:16px 0 0;color:var(--muted);line-height:1.65}.form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:8px;color:var(--navy);font-size:.83rem;font-weight:900}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;background:#ffffffdb;color:var(--ink);padding:14px 15px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:132px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 4px #ffd50a33}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--white);font-weight:950;text-decoration:none;box-shadow:0 12px 28px #061f3f24;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #061f3f2e}.button.yellow{background:linear-gradient(135deg,#ffe36d,var(--yellow));color:var(--navy)}.button.ghost{border:1px solid var(--line);background:#ffffffb8;color:var(--navy);box-shadow:none}.button.danger{background:#b42318;color:#fff}.button:disabled{opacity:.55;cursor:not-allowed}.app{display:none}.app.is-visible{display:block}.hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:18px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#ffd50a2e,#fffc),#ffffffe6;box-shadow:var(--shadow)}.command-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.command-sidebar{position:sticky;top:18px;overflow:hidden;border:1px solid var(--line-light);border-radius:28px;background:linear-gradient(180deg,#030e1cfa,#081f3ff0);box-shadow:var(--shadow)}.sidebar-label{padding:20px 18px 10px;color:#ffffff73;font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.command-main{min-width:0}.quick{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tabs{display:grid;gap:8px;padding:10px}.tab{width:100%;border:1px solid transparent;border-radius:18px;padding:15px 14px;background:transparent;color:#ffffffad;font-weight:950;text-align:left;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.tab:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:999px;background:#ffffff40}.tab.is-active{border-color:#ffd50a5c;background:#ffffff17;color:#fff;transform:translate(2px)}.tab.is-active:before{background:var(--yellow)}.workspace{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.sidebar,.editor,.preview,.media-box{border:1px solid var(--line);border-radius:24px;background:#ffffffe0;box-shadow:var(--shadow-soft)}.sidebar{overflow:hidden}.side-head,.editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.list{display:grid;gap:8px;max-height:64vh;overflow:auto;padding:12px}.item{width:100%;border:1px solid transparent;border-radius:16px;padding:14px;background:transparent;color:var(--ink);text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.item:hover{transform:translateY(-1px);border-color:#061f3f1f;background:#ffffffbd}.item strong{display:block;color:var(--navy);font-size:.95rem}.item span{display:block;margin-top:5px;color:var(--muted);font-size:.82rem;line-height:1.35}.item.is-active{border-color:#ffd50ab8;background:linear-gradient(135deg,#ffd50a33,#ffffffb8)}.editor{overflow:hidden}.editor-body{display:grid;gap:18px;padding:18px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.split{display:grid;grid-template-columns:1fr .85fr;gap:18px}.preview{overflow:hidden}.preview-image{min-height:230px;background:linear-gradient(135deg,#061f3f14,#ffd50a1a),#eef2f7;display:grid;place-items:center}.preview-image img{width:100%;height:280px;-o-object-fit:cover;object-fit:cover}.preview-content{padding:18px}.preview-content p{color:var(--muted);line-height:1.62}.mini{color:var(--muted);font-size:.83rem;line-height:1.5}.repeater{display:grid;gap:10px}.repeat-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.message{min-height:22px;color:var(--navy);font-size:.9rem;font-weight:800}.message.error{color:#b42318}.message.ok{color:#15803d}.media{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.action-card,.home-preview{border:1px solid var(--line);border-radius:26px;background:#ffffffe6;box-shadow:var(--shadow-soft)}.metric-card{position:relative;overflow:hidden;padding:20px}.metric-card:after{content:"";position:absolute;inset:auto 18px 18px auto;width:42px;height:6px;border-radius:999px;background:var(--yellow)}.metric-card span{display:block;color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.metric-card strong{display:block;margin-top:10px;color:var(--navy);font-size:2.6rem;line-height:1}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.action-card{min-height:210px;display:grid;align-content:space-between;padding:22px;text-align:left;border-color:#061f3f1a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.action-card:hover{transform:translateY(-3px);border-color:#ffd50ab3;box-shadow:0 24px 58px #061f3f24}.action-card p{margin:10px 0 18px;color:var(--muted);line-height:1.55}.home-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.home-preview{overflow:hidden;position:sticky;top:18px}.home-preview-hero{min-height:360px;display:grid;align-content:center;padding:28px;background:linear-gradient(90deg,#05070bf5,#05070bb8 52%,#081f3f6b),var(--navy);color:#fff}.home-preview-pill{width:-moz-fit-content;width:fit-content;margin-bottom:18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 12px;color:#ffffffb8;font-size:.7rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.home-preview-hero h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.home-preview-hero p{max-width:640px;color:#ffffffbf;line-height:1.65}.subsection{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#ffffffc7,#f6f8fbb8)}.subsection-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.media-box{padding:22px}.upload-result{display:none;margin-top:14px;padding:14px;border-radius:14px;background:#ffd50a2e;color:var(--navy);font-weight:900;overflow-wrap:anywhere}.upload-result.is-visible{display:block}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#ffffffe0;box-shadow:0 12px 34px #061f3f14}.media-card img{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;background:#e9eef5}.media-card-body{display:grid;gap:8px;padding:12px}.media-card code{color:var(--muted);overflow-wrap:anywhere}.image-field{display:grid;gap:8px}.advanced-field{display:none}.show-advanced .advanced-field{display:grid}.image-field-row{display:grid;grid-template-columns:1fr auto;gap:10px}.seo-preview{display:grid;gap:8px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.seo-preview-title{color:#1a0dab;font-size:1.05rem;line-height:1.3}.seo-preview-url{color:#006621;font-size:.82rem}.seo-preview-text{color:#4d5156;font-size:.9rem;line-height:1.45}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px;width:min(360px,calc(100% - 36px))}.toast{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#fffffff0;color:var(--navy);box-shadow:var(--shadow);font-weight:850}.toast.ok{border-color:#15803d47}.toast.error{border-color:#b4231852;color:#b42318}.modal-backdrop{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:18px;background:#030e1cb8;backdrop-filter:blur(10px)}.modal-backdrop.is-visible{display:flex}.modal{width:min(980px,100%);max-height:min(760px,calc(100vh - 36px));overflow:hidden;border:1px solid var(--line-light);border-radius:28px;background:#f7f9fc;box-shadow:0 30px 100px #00000057}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line);background:#fff}.modal-body{max-height:620px;overflow:auto;padding:18px}.empty{padding:26px;color:var(--muted);text-align:center}@media(max-width:980px){.topbar,.hero,.command-layout,.workspace,.split,.media,.dashboard-grid,.action-grid,.home-layout{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.command-sidebar{position:static}.tab{text-align:center}.quick{justify-content:flex-start}}@media(max-width:620px){.field-grid,.tabs{grid-template-columns:1fr}.login,.hero,.topbar{padding:20px}}