:root{--sand:#f4f1ea;--sand-2:#ece6d8;--ink:#23302e;--teal:#0f3d3e;--teal-2:#155e5c;--teal-soft:#9fd3c7;--accent:#c9762f;--border:#e2dccc;--muted:#6d7573;--white:#ffffff;--danger:#b23a3a;--ok:#1f7a4d;--radius:10px;--shadow:0 1px 3px rgba(15,61,62,0.08),0 4px 16px rgba(15,61,62,0.05)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--sand);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--teal-2)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--teal);color:#dfeeea;padding:22px 16px;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand,.sidebar{display:flex;flex-direction:column}.brand{gap:2px;margin-bottom:22px;padding:0 8px}.brand .logo{font-weight:700;font-size:17px;color:#fff;letter-spacing:.2px}.brand .sub{font-size:11px;color:var(--teal-soft);text-transform:uppercase;letter-spacing:1px}.nav a{display:flex;align-items:center;gap:10px;color:#cfe3df;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500}.nav a:hover{background:rgba(255,255,255,.08);color:#fff}.nav a.active{background:var(--teal-2);color:#fff}.nav .ico{width:18px;text-align:center;opacity:.9}.nav-logout{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;cursor:pointer;text-align:left;color:#cfe3df;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;font-family:inherit;margin-top:6px}.nav-logout:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar .foot{margin-top:auto;font-size:11px;color:var(--teal-soft);padding:8px}.main{padding:28px 34px 60px;max-width:1120px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:24px;margin:0 0 4px}.page-head p{margin:0;color:var(--muted);font-size:14px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:20px 22px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat .n{font-size:28px;font-weight:700;color:var(--teal);line-height:1.1}.stat .l{font-size:12.5px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.4px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--teal);color:#fff;border:none;cursor:pointer;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s ease}.btn:hover{background:var(--teal-2)}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--white);color:var(--teal);border:1px solid var(--border)}.btn.secondary:hover{background:var(--sand-2)}.btn.accent{background:var(--accent)}.btn.accent:hover{background:#b3651f}.btn.danger{background:var(--white);color:var(--danger);border:1px solid #e6c9c9}.btn.sm{padding:6px 10px;font-size:12.5px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border)}th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}tbody tr:hover{background:var(--sand)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge.upcoming{background:#e5f1ef;color:#0f5f57}.badge.past{background:#efe9dd;color:#7a5a2f}.badge.inhouse{background:#e6f0d9;color:#4f6a24}.badge.out{background:#f6e2e2;color:var(--danger)}.badge.draft{background:#eee9dd;color:#6d7573}.badge.sent{background:#e0f0e6;color:var(--ok)}.badge.sending{background:#fbecd6;color:#a56213}input[type=email],input[type=search],input[type=text],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink)}textarea{resize:vertical;line-height:1.5}label.field{display:block;margin-bottom:14px}label.field .lab{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:5px}label.field .hint{font-size:12px;color:var(--muted);font-weight:400}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar input[type=search],.toolbar select{width:auto;min-width:200px}.notice{padding:11px 14px;border-radius:8px;font-size:13.5px;margin-bottom:16px}.notice.info{background:#e9f1f0;color:#14504b;border:1px solid #cfe3df}.notice.warn{background:#fbf1dd;color:#8a5a12;border:1px solid #f0dcae}.notice.err{background:#f8e6e6;color:var(--danger);border:1px solid #ecc9c9}.notice.ok{background:#e3f1e8;color:var(--ok);border:1px solid #c6e5d1}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:900px){.app,.split{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto}}.preview-frame{width:100%;height:640px;border:1px solid var(--border);border-radius:8px;background:#f4f1ea}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.pill-list{display:flex;gap:8px;flex-wrap:wrap}.kv{display:grid;grid-template-columns:180px 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:14px}.kv .k{color:var(--muted)}.center-narrow{max-width:560px;margin:60px auto;text-align:center}