:root{--bg:#f4f2ee;--ink:#17161a;--muted:#77737d;--line:#ddd9d2;--panel:#fff;--violet:#7657ff;--green:#25c28a;--shadow:0 22px 60px rgba(26,21,38,.10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#151419;color:#f2f0f6;padding:28px 18px;display:flex;flex-direction:column;gap:34px}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;padding:0 8px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#9a84ff,var(--violet));font:800 21px/1 Georgia;color:#fff;box-shadow:0 7px 20px rgba(118,87,255,.4)}.brand strong,.brand small{display:block}.brand small{color:#918d9a;font-size:.72rem;margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#a09ca9;font:650 .9rem inherit;text-align:left;padding:12px 14px;border-radius:11px;cursor:pointer}.nav-item:hover,.nav-item.active{color:#fff;background:#29272e}.tenant-card{margin-top:auto;background:#242229;border:1px solid #37343d;border-radius:14px;padding:13px;display:flex;gap:11px;align-items:center}.tenant-card strong,.tenant-card small{display:block;font-size:.82rem}.tenant-card small{color:#918d9a;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(37,194,138,.15)}main{padding:42px clamp(20px,4vw,64px) 28px;max-width:1600px;width:100%}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:850;color:#99959e;margin:0 0 8px}.topbar h1{font:500 clamp(2rem,3vw,2.75rem)/1.1 Georgia,serif;margin:0}.subtle{font-size:1rem;color:var(--muted);margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary,.secondary,.icon-btn{border:0;border-radius:10px;padding:11px 16px;font:750 .88rem inherit;cursor:pointer}.primary{background:var(--ink);color:#fff;box-shadow:0 9px 22px rgba(22,22,25,.18)}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.badge{font-size:.7rem;letter-spacing:.07em;padding:7px 10px;border-radius:99px;font-weight:850}.badge.warning{background:#fff0df;color:#98530f}.badge.neutral{background:#efedf8;color:#665a89}.notice{display:flex;align-items:center;gap:14px;background:#eeebff;border:1px solid #d8d0ff;border-radius:15px;padding:14px 16px;margin-bottom:14px}.notice-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--violet);color:white;font-weight:800}.notice div{flex:1}.notice strong{font-size:.86rem}.notice p{font-size:.78rem;color:#696078;margin:3px 0 0}.notice-state{font-size:.72rem;font-weight:800;color:#6248d2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.stats article,.panel{background:var(--panel);border:1px solid rgba(218,214,206,.9);border-radius:18px}.stats article{padding:20px 22px}.stats span,.stats strong,.stats small{display:block}.stats span{color:var(--muted);font-size:.78rem}.stats strong{font:500 2rem Georgia,serif;margin:8px 0 5px}.stats small{font-size:.72rem;color:#aaa6ae}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.75fr);gap:14px;margin-bottom:14px}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.panel h2{font:500 1.5rem Georgia,serif;margin:0}.step-indicator{font-size:.72rem;color:var(--muted);background:#f5f3ef;padding:7px 10px;border-radius:99px}form{display:grid;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;color:#5d5962;font-size:.8rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fbfaf8;color:var(--ink);font:500 .9rem inherit;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(118,87,255,.1)}.dropzone{border:1.5px dashed #c8c3d0;border-radius:14px;min-height:144px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;background:linear-gradient(135deg,#faf9ff,#fbfaf8);cursor:pointer}.dropzone input{position:absolute;opacity:0;pointer-events:none}.dropzone small{font-weight:500;color:#98949d}.dropzone em{font-style:normal;color:var(--violet);font-size:.75rem;margin-top:5px}.drop-icon{font-size:1.35rem;color:var(--violet)}.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-panel{background:#e7e4de}.live-dot{font-size:.68rem;font-weight:850;letter-spacing:.1em;color:#16855e}.phone{position:relative;margin:0 auto;width:min(100%,290px);aspect-ratio:9/16;border:8px solid #17161a;border-radius:32px;background:#25232a;overflow:hidden;box-shadow:var(--shadow)}.phone-media{position:absolute;inset:0;display:grid;place-items:center;color:#a09aa8;background:radial-gradient(circle at 50% 25%,#443d52,#1f1d24 70%);font-size:.8rem}.phone-media img,.phone-media video{width:100%;height:100%;object-fit:cover}.phone-overlay{position:absolute;left:16px;right:48px;bottom:23px;color:#fff;text-shadow:0 1px 6px #000}.phone-overlay strong{font-size:.8rem}.phone-overlay p{font-size:.72rem;line-height:1.4;margin:5px 0}.phone-overlay #preview-tags{color:#d8cffd}.phone-actions{position:absolute;right:12px;bottom:28px;color:#fff;display:grid;gap:16px;font-size:1.35rem}.compliance-card{background:#fff;border:1px solid #d9d5cc;border-radius:12px;padding:13px 15px;margin-top:17px}.compliance-card strong,.compliance-card span{display:block}.compliance-card strong{font-size:.78rem}.compliance-card span{font-size:.75rem;color:var(--muted);margin-top:4px}.empty-state{display:grid;place-items:center;text-align:center;padding:35px 15px;color:var(--muted);gap:5px}.empty-state strong{color:var(--ink);font-size:.9rem}.empty-state span{font-size:.78rem}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem;padding:22px 4px 0}footer nav{display:flex;gap:18px}footer a{color:inherit}dialog{border:0;border-radius:19px;padding:24px;width:min(540px,calc(100% - 32px));box-shadow:0 28px 90px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(18,17,21,.57);backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:500 1.7rem Georgia;margin:0}.icon-btn{background:transparent;color:var(--muted);font-size:1.4rem}.approval-summary{margin:22px 0;display:grid;gap:10px;background:#f6f4f0;padding:16px;border-radius:12px;font-size:.82rem}.approval-summary div{display:flex;justify-content:space-between;gap:18px}.approval-summary span{color:var(--muted);text-align:right}.dialog-note{font-size:.78rem;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;right:24px;bottom:24px;background:#17161a;color:#fff;border-radius:12px;padding:13px 16px;font-size:.78rem;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:26px 12px}.brand span:last-child,.nav-item:not(.active),.tenant-card div{display:none}.brand{padding:0;justify-content:center}.nav-item{text-align:center}.tenant-card{justify-content:center}.workspace-grid{grid-template-columns:1fr}.preview-panel{display:grid;grid-template-columns:1fr 300px;gap:20px}.preview-panel .panel-head,.preview-panel .compliance-card{grid-column:1}.phone{grid-column:2;grid-row:1/4}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px}.sidebar nav{display:none}.tenant-card{margin:0 0 0 auto}.brand span:last-child{display:block}main{padding:24px 15px}.topbar{display:block}.top-actions{margin-top:18px}.notice{align-items:flex-start}.notice-state{display:none}.stats{grid-template-columns:1fr 1fr}.preview-panel{display:block}.form-row{grid-template-columns:1fr}.panel{padding:18px}.inline-actions{align-items:stretch;flex-direction:column}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}