@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172b27;--muted:#71807b;--green:#176b53;--green2:#e7f4ee;--line:#e3eae6;--bg:#f5f8f6;--white:#fff;--red:#b83d3d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.topbar{min-height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(calc((100vw - 1180px)/2),24px);gap:28px}.logo{font-weight:800;color:var(--green);font-size:19px;white-space:nowrap}.logo span{color:var(--ink);font-size:14px;margin-left:7px}.topbar nav{display:flex;gap:21px;flex:1}.topbar nav a,.profile a{font-size:13px;color:#52635d}.profile{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}.role{background:var(--green2);color:var(--green);border-radius:20px;padding:4px 8px}.container{max-width:1180px;margin:0 auto;padding:38px 24px 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--green);margin-bottom:9px}.page-heading h1{font:800 30px Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 8px}.page-heading p{color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7e2dc;background:#fff;color:#32453e;border-radius:8px;padding:10px 14px;font:600 12px 'DM Sans';cursor:pointer;white-space:nowrap}.btn:hover{text-decoration:none;filter:brightness(.98)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.light{background:#fff}.btn.danger{color:var(--red);border-color:#f0caca}.filters{display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:22px}.filters input[name=q]{flex:1;min-width:180px}.filters input,.filters select,input,textarea,select{font:13px 'DM Sans';border:1px solid #dce5e0;border-radius:7px;padding:10px 11px;color:var(--ink);background:#fff;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #c5e6d7;border-color:#6fae94}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#42534c}label input,label textarea,label select{width:100%;font-weight:400}.statline{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:20px 2px 12px}.statline strong{color:var(--ink)}.meeting-list{display:flex;flex-direction:column;gap:10px}.meeting-card{display:flex;align-items:center;gap:19px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.date-box{width:60px;height:72px;border-radius:9px;background:#eff7f2;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:var(--green)}.date-box strong{font:800 23px Manrope}.date-box span{font-size:10px;font-weight:800}.date-box small{font-size:10px}.meeting-info{flex:1;min-width:0}.tags{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.tag{font-size:9px;font-weight:800;letter-spacing:.7px;background:#eaf5ee;color:var(--green);padding:4px 7px;border-radius:4px}.meeting-info h2{font:700 16px Manrope;margin:7px 0}.meeting-info h2 a{color:var(--ink)}.meeting-info p{color:#62726b;margin:0 0 9px;font-size:12px}.meeting-info small{font-size:11px;color:var(--muted)}.card-actions,.actions{display:flex;gap:7px}.empty{text-align:center;padding:65px 20px;background:#fff;border:1px dashed #d7e2dc;border-radius:12px;color:var(--muted)}.empty h3{color:var(--ink)}.empty-icon{font-size:32px}.flash,.notice{padding:13px 16px;background:#e9f5ee;color:#1c654c;border-radius:8px;margin-bottom:20px;font-size:13px}.notice{margin-top:22px}.error{padding:12px;background:#fff0f0;color:#9e3030;border-radius:7px;margin-bottom:16px}.form-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 25px 24px}.form-section{padding:25px 0;border-bottom:1px solid var(--line)}.form-section h2{font:800 12px Manrope;color:var(--green);letter-spacing:1px;margin:0 0 20px}.form-section h2 span{font-size:17px;color:var(--ink);letter-spacing:0;margin-left:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .wide{grid-column:1/-1}.section-title-row{display:flex;justify-content:space-between;align-items:center}.attendee-row{display:grid;grid-template-columns:1.2fr 1fr 170px 1fr 32px;gap:8px;margin-bottom:9px}.attendee-row input,.attendee-row select{width:100%;min-width:0}.remove{border:0;background:#fff1f1;color:#a33;border-radius:7px;font-size:20px;cursor:pointer}.hint{font-size:11px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:20px}.compact{padding:23px;max-width:620px}.compact h2{font:700 17px Manrope;margin:0 0 20px}.compact label{margin-bottom:15px}.settings-form{max-width:720px}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}.user-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.user-row strong,.user-row small{display:block}.user-row small{font-size:11px;color:var(--muted);margin-top:5px}.document{background:#fff;border:1px solid var(--line);border-radius:3px;max-width:900px;margin:0 auto;padding:48px 58px;box-shadow:0 5px 25px #203c2b0a;font-family:Arial,sans-serif;font-size:13px;line-height:1.6}.letterhead{display:flex;gap:18px;align-items:center;border-bottom:3px double #222;padding-bottom:15px;text-align:center}.letterhead img{max-width:80px;max-height:80px;object-fit:contain}.letterhead div{flex:1}.letterhead strong{font-size:14px}.letterhead h2{font-size:18px;margin:4px 0}.letterhead p{font-size:11px;margin:0}.doc-title{text-align:center;text-decoration:underline;font-size:16px;margin:25px 0}.info-table,.attendance-table{width:100%;border-collapse:collapse;font-size:12px}.info-table th,.info-table td,.attendance-table th,.attendance-table td{border:1px solid #999;padding:7px;text-align:left}.info-table th{background:#f5f5f5;width:100px}.doc-section{margin-top:22px}.doc-section h3{font-size:13px;margin:0 0 8px}.attendance-table{margin-top:9px}.attendance-table th{background:#f2f4f2}.signature-grid{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:45px;line-height:1.7}.doc-foot{font-size:10px;color:#777;margin-top:30px}.bottom-actions{display:flex;justify-content:space-between;max-width:900px;margin:18px auto}.bottom-actions form{margin:0}.footer{text-align:center;color:#9aa8a1;font-size:11px;padding:22px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf5ee,#f8faf8)}.login-card{width:min(420px,calc(100% - 32px));padding:38px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 60px #24433310;display:flex;flex-direction:column;gap:12px}.brand-mark{width:45px;height:45px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.login-card h1{font:800 25px Manrope;margin:5px 0 0}.login-card p{margin:0 0 14px;color:var(--muted)}.login-card small{margin-top:12px;text-align:center;color:var(--muted)}.full{width:100%;padding:13px;margin-top:8px}
@media(max-width:950px){.topbar{padding:15px 20px;flex-wrap:wrap;gap:14px}.topbar nav{order:3;overflow:auto;width:100%;flex:none}.profile{margin-left:auto}.filters{flex-wrap:wrap}.filters input[name=q]{flex-basis:100%}.attendee-row{grid-template-columns:1fr 1fr}.attendee-row select{min-width:0}.two-col{grid-template-columns:1fr}}
@media(max-width:600px){.container{padding:25px 14px 45px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.meeting-card{align-items:flex-start;flex-wrap:wrap;padding:13px;gap:12px}.meeting-info{width:calc(100% - 75px);flex:none}.card-actions{width:100%;padding-left:72px}.form-panel{padding:0 15px 18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.attendee-row{grid-template-columns:1fr}.section-title-row{align-items:flex-start;gap:10px}.document{padding:20px 13px;font-size:11px}.letterhead{gap:7px}.letterhead h2{font-size:13px}.letterhead strong{font-size:11px}.letterhead img{max-width:50px;max-height:50px}.info-table th,.info-table td,.attendance-table th,.attendance-table td{padding:4px;font-size:10px}.actions{flex-wrap:wrap}.topbar nav{gap:14px}.profile{font-size:11px}}
@media print{body{background:#fff;font-size:12px}.topbar,.footer,.page-heading,.bottom-actions,.no-print,.flash{display:none!important}.container{max-width:none;margin:0;padding:0}.document{border:0;box-shadow:none;max-width:none;padding:0;font-size:11pt}.letterhead{break-inside:avoid}.doc-section,.attendance-table,.signature-grid{break-inside:avoid}.attendance-table{font-size:9pt}@page{size:A4;margin:18mm}}
