:root{--ink:#18332b;--muted:#687770;--green:#12372a;--green2:#1c6148;--lime:#c9ee8f;--cream:#f5f4ea;--paper:#fffefa;--line:#dfe6e0;--white:#fff;--red:#b42318}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f4f6f4;color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(201,238,143,.5),transparent 28%),var(--cream)}.login-card{width:min(430px,100%);padding:40px;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:0 28px 70px rgba(18,55,42,.14)}.login-card img{width:90px;height:90px;object-fit:cover;border-radius:14px;mix-blend-mode:multiply}.kicker{margin:16px 0 4px;color:var(--green2);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-card h1,.crm-header h1{margin:0 0 25px;font-family:Manrope,sans-serif}.login-card label,.dialog-form label{display:block;margin:14px 0;color:var(--ink);font-size:13px;font-weight:700}.login-card input,.toolbar input,.toolbar select,.dialog-form input,.dialog-form select,.dialog-form textarea,.social-form textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cad5cd;border-radius:8px;background:var(--white)}.login-card button,.primary-button{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:46px;margin-top:10px;border:0;border-radius:8px;background:var(--green);color:var(--white);font-weight:700;text-decoration:none;cursor:pointer}.error{color:var(--red);font-size:13px}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 18px;background:var(--green);color:var(--white)}.crm-brand{display:flex;align-items:center;gap:10px;color:var(--white);font:700 18px Manrope,sans-serif;text-decoration:none}.crm-brand img{width:42px;height:42px;object-fit:cover;border-radius:8px}.sidebar nav{display:grid;gap:7px;margin-top:42px}.nav-item{padding:11px 13px;border:0;border-radius:8px;color:rgba(255,255,255,.74);background:transparent;text-align:left;font-weight:700;cursor:pointer}.nav-item.active{color:var(--green);background:var(--lime)}.side-bottom{margin-top:auto;display:grid;gap:8px;color:rgba(255,255,255,.6);font-size:11px;overflow-wrap:anywhere}.link-button{padding:0;border:0;color:var(--white);background:none;text-align:left;cursor:pointer}.workspace{min-width:0;padding:38px}.crm-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.crm-header .kicker{margin-top:0}.crm-header h1{margin:0;font-size:32px}.header-actions{display:flex;gap:10px}.secondary-button,.toolbar button{display:inline-flex;min-height:42px;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--white);font-weight:700;text-decoration:none;cursor:pointer}.header-actions .primary-button{width:auto;margin:0;padding:0 16px}.warning{margin-bottom:20px;padding:12px 15px;border-left:3px solid #d97706;background:#fff7ed;color:#9a3412;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metrics div{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.metrics span{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;margin-top:5px;font:700 28px Manrope,sans-serif}.toolbar{display:grid;grid-template-columns:1fr 180px 180px auto;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select{margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}td strong,td span{display:block}.cell-sub{color:var(--muted);font-size:11px}.status{display:inline-block!important;padding:4px 8px;border-radius:20px;background:var(--cream);font-size:11px;font-weight:700}.view-button{border:0;color:var(--green2);background:none;font-weight:700;cursor:pointer}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{width:min(680px,calc(100% - 24px));padding:0;border:0;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(3,19,13,.55)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.dialog-head .kicker{margin:0}.dialog-head h2{margin:3px 0 0;font-family:Manrope,sans-serif}.dialog-head button{border:0;background:none;font-size:28px;cursor:pointer}#dialog-body{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 24px;background:var(--cream)}#dialog-body div{font-size:12px;color:var(--muted)}#dialog-body strong{display:block;color:var(--ink)}.dialog-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 24px 26px}.dialog-form label{margin:0}.dialog-form textarea,.social-form textarea{min-height:90px;resize:vertical}.dialog-form .full,.social-form .full{grid-column:1/-1}.dialog-form .primary-button{margin-top:4px}.review-text{max-width:420px}.review-actions{display:flex;gap:5px}.review-actions button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--white);cursor:pointer}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.integration-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f3f7ef)}.integration-card span,.integration-card small{display:block;color:var(--muted);font-size:12px}.integration-card strong{display:block;margin:6px 0;color:var(--green);font:800 18px Manrope,sans-serif}.social-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.social-form label{font-size:13px;font-weight:700}.platform-box{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}.platform-box legend{padding:0 6px;color:var(--muted);font-size:12px;font-weight:700}.platform-box label{display:flex;align-items:center;gap:6px;margin:0}.platform-box input{width:auto;margin:0}@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center}.sidebar nav{display:flex;margin:0 0 0 auto}.side-bottom{margin:0 0 0 20px}.workspace{padding:22px}.metrics,.integration-grid{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.crm-header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.sidebar{align-items:flex-start;flex-wrap:wrap}.crm-brand{width:100%}.sidebar nav{margin:15px 0 0}.side-bottom{margin:15px 0 0 auto}.metrics,.integration-grid{grid-template-columns:1fr}.toolbar,.social-form{grid-template-columns:1fr}.toolbar input{grid-column:auto}.header-actions{width:100%;flex-wrap:wrap}.login-card{padding:26px}.dialog-form,#dialog-body{grid-template-columns:1fr}.dialog-form .full,.social-form .full,.platform-box{grid-column:auto}}
