: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}.portal-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:linear-gradient(160deg,#0f3d3e,#155e5c 45%,#1c7a6f)}.portal-card{background:#fff;width:100%;max-width:560px;border-radius:16px;padding:36px 34px;box-shadow:0 18px 48px rgba(0,0,0,.22)}.portal-logo{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:14px}.portal-card h1{font-size:26px;margin:0 0 6px;color:var(--teal)}.portal-muted{color:var(--muted);margin:0 0 22px;font-size:15px}.portal-details{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:26px}.portal-details>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border-bottom:1px solid var(--border)}.portal-details>div:last-child{border-bottom:none}.portal-details .k{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.4px}.portal-details .v{font-weight:600;color:var(--ink);text-align:right}.portal-details .v.room{color:var(--teal);font-size:17px}.portal-details .v.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.portal-upgrade{background:var(--sand);border:1px solid var(--border);border-radius:12px;padding:22px 20px}.portal-upgrade.done{background:#e3f1e8;border-color:#c6e5d1}.portal-upgrade h3{margin:0 0 6px;color:var(--teal);font-size:19px}.portal-upgrade p{margin:0 0 16px;color:var(--muted);font-size:14.5px}.portal-field{display:block;margin-bottom:14px}.portal-field>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink)}.portal-field select,.portal-field textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}.portal-btn{width:100%;background:var(--accent);color:#fff;border:none;cursor:pointer;padding:14px 18px;border-radius:10px;font-size:16px;font-weight:700;margin-top:4px}.portal-btn:hover{background:#b3651f}.portal-btn:disabled{opacity:.6;cursor:default}.portal-price{margin:-4px 0 14px;font-size:15px;color:var(--ink)}.portal-price strong{color:var(--accent);font-size:17px}.portal-error{background:#f8e6e6;color:var(--danger);padding:10px 12px;border-radius:8px;font-size:13.5px;margin-bottom:12px}.portal-foot{margin:24px 0 0;text-align:center;font-size:12px;color:var(--muted)}.portal-foot a{color:var(--teal-2)}