:root{--navy:#071831;--navy2:#0d2850;--violet:#5b3df5;--blue:#2d8cff;--ink:#0e1b35;--muted:#68748b;--line:#e3e8f2;--bg:#f5f7fb;--green:#119b61;--red:#d74962;--amber:#d98513;--shadow:0 18px 55px rgba(15,35,75,.12)}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:16px}a{color:var(--violet);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--navy),#0a2145);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{text-align:center;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{display:block;width:138px;height:95px;object-fit:contain;margin:auto}.brand strong{font-weight:600;letter-spacing:.12em}.sidebar nav{display:grid;gap:6px;margin-top:22px}.nav-item{display:flex;gap:13px;align-items:center;padding:12px 14px;color:#d9e3f6;border-radius:10px;font-weight:600}.nav-item span{width:22px;text-align:center;font-size:20px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(67,111,220,.55),rgba(87,58,240,.45));color:#fff}.role-card{margin-top:auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:15px;background:rgba(255,255,255,.06);display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.role-card span{grid-row:1/3;color:#9d85ff;font-size:22px}.role-card strong,.role-card small{display:block}.role-card small{color:#b9c8df;font-size:12px}.main{grid-column:2;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.profile{display:flex;gap:10px;align-items:center}.profile span span{display:grid}.profile small{display:block;color:var(--muted)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--blue));color:#fff;font-weight:800}.profile>a{font-size:22px}.menu-button{display:none;background:none;border:0;font-size:24px}.content{padding:30px;max-width:1600px;margin:auto}.page-heading,.workspace-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.page-heading h1,.workspace-head h1{font-size:32px;line-height:1.1;margin:5px 0 8px}.page-heading p,.workspace-head p,.panel-head p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--violet)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;gap:15px;align-items:center;box-shadow:0 4px 18px rgba(20,40,80,.04)}.metric-icon{width:48px;height:48px;border-radius:13px;background:#eef0ff;color:var(--violet);display:grid;place-items:center;font-size:22px}.metric strong{font-size:27px;display:block}.metric small{color:var(--muted);display:block}.panel,.site-card,.chat-panel,.preview-panel,.approval-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px rgba(20,40,80,.04)}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.panel-head h2,.panel-head h3{margin:0 0 5px}.button{border:1px solid transparent;border-radius:9px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:linear-gradient(135deg,#6748f6,#4f32e7);color:#fff}.button.success{background:var(--green);color:#fff}.button.ghost{background:#fff;color:var(--ink);border-color:#d6deed}.button.small{padding:7px 11px;font-size:14px}.button.wide{width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:13px;color:#506078;background:#f8f9fc}td{font-size:14px}.subline{display:block;color:var(--muted);font-size:12px;margin-top:4px}.status,.tenant-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.status.published{background:#dcf8e9;color:#087743}.status.pending{background:#fff0d7;color:#985900}.status.approved{background:#e5efff;color:#255aa4}.status.draft{background:#eeeaff;color:#5636cd}.status.rejected,.status.failed{background:#ffe3e8;color:#a91f3a}.tenant-pill{background:#eeeaff;color:#5636cd}.alert{border-radius:10px;padding:12px 15px;margin-bottom:18px}.alert.success{background:#e0f8eb;color:#087743}.alert.error{background:#ffe5ea;color:#a91f3a}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.toolbar{display:flex;justify-content:flex-end;margin-bottom:15px}.search{max-width:340px}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-card{padding:20px}.site-card-top{display:flex;justify-content:space-between;align-items:center}.site-avatar{width:42px;height:42px;border-radius:12px;background:#edf0f8;display:inline-grid;place-items:center;font-weight:900}.site-card h3{font-size:20px;margin:18px 0 5px}.site-card p{margin:0 0 8px;color:var(--muted)}.site-actions{display:flex;gap:8px;margin-top:20px}.form-grid{display:grid;gap:15px}.form-grid label,.login-card label{font-weight:700;font-size:14px;display:grid;gap:7px}.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.chat-form textarea,.search{width:100%;border:1px solid #cfd8e8;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus,.chat-form textarea:focus{outline:3px solid rgba(91,61,245,.14);border-color:var(--violet)}.form-grid small{font-weight:400;color:var(--muted)}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}dialog{border:0;background:transparent;padding:0;max-width:min(95vw,1100px);width:100%}dialog::backdrop{background:rgba(5,18,42,.6);backdrop-filter:blur(4px)}dialog[open]{display:grid;place-items:center;position:fixed;inset:0;margin:auto}.modal-card{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow);max-height:92vh;overflow:auto}.wide-modal{width:min(1100px,95vw)}.modal-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:28px}.icon-button{border:0;background:#eef1f7;width:36px;height:36px;border-radius:50%;font-size:23px}.ftp-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.permission-head{margin-bottom:12px}.permission-head h3{margin-bottom:5px}.permission-head p{margin:0;color:var(--muted)}.permissions-form{border-left:1px solid var(--line);padding-left:26px}.permission-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.permission-row strong,.permission-row small{display:block}.permission-row small{font-size:12px;color:var(--muted);margin-top:2px}.switch{appearance:none;width:43px;height:24px;border-radius:99px;background:#cbd3e1;position:relative;transition:.2s;flex:none}.switch:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.2)}.switch:checked{background:var(--violet)}.switch:checked:after{left:22px}.warning{padding:11px 13px;border:1px solid #f3c879;background:#fff9ed;color:#85530a;border-radius:9px;margin:14px 0;font-size:13px}.permission-placeholder{text-align:center;align-self:center;color:var(--muted)}.permission-placeholder span{font-size:40px}.editor-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(500px,1.5fr);gap:18px;align-items:start}.chat-panel,.preview-panel{overflow:hidden}.chat-panel .panel-head,.preview-panel .panel-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.chat-history{height:500px;overflow:auto;padding:20px;background:#fbfcff}.user-message,.assistant-message{max-width:88%;border-radius:14px;padding:13px 15px;margin-bottom:12px}.user-message{margin-left:auto;background:#ece9ff}.assistant-message{background:#fff;border:1px solid var(--line)}.user-message p,.assistant-message p{margin:5px 0}.assistant-message strong{display:block;margin:8px 0}.chat-form{padding:14px;border-top:1px solid var(--line);display:grid;gap:10px}.chat-form textarea{resize:vertical}.iframe-wrap{height:430px;background:#e9edf5;padding:12px}.iframe-wrap iframe{width:100%;height:100%;border:1px solid #cbd3e1;border-radius:8px;background:#fff}.device-tabs button{border:0;background:#eef0f6;padding:7px 10px}.device-tabs button.active{background:var(--violet);color:#fff}.change-detail{padding:20px}.change-title{display:flex;justify-content:space-between;gap:18px}.change-title h3{margin:6px 0 12px}.file-list details{border:1px solid var(--line);border-radius:8px;margin:8px 0}.file-list summary{padding:10px;font-weight:700;cursor:pointer}.file-list pre{margin:0;border-top:1px solid var(--line);background:#081a38;color:#d8e6ff;padding:14px;max-height:320px;overflow:auto;font-size:12px}.change-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.approval-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.approval-card{padding:20px}.approval-meta{display:flex;gap:12px;align-items:center}.approval-meta>div{flex:1}.approval-meta small{display:block;color:var(--muted)}.request-quote{background:#f7f8fc;padding:12px;border-left:3px solid var(--violet);color:#4c5870}.approval-actions{display:flex;justify-content:space-between;gap:10px}.approval-actions form{display:flex;gap:8px}.settings-card{max-width:760px}.security-note{background:#eef5ff;border-radius:12px;padding:15px;margin:20px 0}.security-note p{margin:5px 0;color:var(--muted)}.backlink{font-size:14px}.login-body,.install-body{background:#fff}.login-shell,.install-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand,.install-brand{background:radial-gradient(circle at 72% 45%,rgba(50,118,224,.32),transparent 32%),linear-gradient(145deg,#06152d,#0a2852);color:#fff;padding:8vh 8vw;display:flex;flex-direction:column;justify-content:center}.login-brand img,.install-brand img{width:230px;height:190px;object-fit:contain;align-self:flex-start}.product-name,.install-brand>span{font-size:18px;letter-spacing:.22em;margin-top:-22px;margin-left:44px}.login-brand h1,.install-brand h1{font-size:52px;line-height:1.04;margin:70px 0 20px}.login-brand h1 em{font-style:normal;color:#8e72ff}.login-brand p,.install-brand p{color:#b9c8df;font-size:18px;max-width:520px}.benefits{display:flex;gap:28px;margin-top:50px;flex-wrap:wrap;color:#d8e4f8}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(440px,100%);display:grid;gap:18px}.login-card h2,.install-card h2{font-size:34px;margin:4px 0}.login-card>p{margin:0 0 10px;color:var(--muted)}.login-card>small{text-align:center;color:var(--muted);margin-top:20px}.install-card{align-self:center;margin:30px;padding:35px;max-width:620px}.install-card .form-grid{grid-template-columns:1fr 1fr}.install-card .form-grid label:first-child,.install-card .form-grid label:nth-child(4),.install-card .form-grid label:nth-last-child(-n+3){grid-column:1/-1}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.site-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:1fr}.approval-list{grid-template-columns:1fr}.modal-columns{grid-template-columns:1fr}.permissions-form{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{min-width:0}.topbar{padding:0 16px}.topbar>div:first-of-type{display:none}.menu-button{display:block}.profile span:nth-child(2){display:none}.content{padding:20px 14px}.metrics,.site-grid{grid-template-columns:1fr}.page-heading,.workspace-head{align-items:flex-start;flex-direction:column}.page-heading h1,.workspace-head h1{font-size:27px}.editor-layout{display:block}.chat-panel{margin-bottom:16px}.iframe-wrap{height:340px}.approval-actions{align-items:stretch;flex-direction:column}.approval-actions form{display:grid;grid-template-columns:1fr 1fr}.login-shell,.install-shell{grid-template-columns:1fr}.login-brand,.install-brand{padding:35px 24px}.login-brand img,.install-brand img{width:155px;height:120px}.product-name,.install-brand>span{margin:-10px 0 0 22px;font-size:14px}.login-brand h1,.install-brand h1{font-size:36px;margin:38px 0 14px}.benefits{display:none}.login-panel{padding:36px 22px}.install-card{margin:0;padding:28px 22px}.install-card .form-grid{grid-template-columns:1fr}.install-card .form-grid label{grid-column:1!important}.ftp-fields{grid-template-columns:1fr}.change-actions{flex-direction:column}.change-actions .button{width:100%}}