:root{--text:#262626;--text-muted:#6b776f;--bg:#f6efe4;--surface:#fff;--border:#e6ded1;--accent:#193631;--accent-contrast:#fbf8f2;--success:#2f8f62;--warning:#e5bb45;--danger:#c0563f;--soft-shadow:0 20px 40px #1936311a;--soft-shadow-sm:0 10px 24px #19363114;color:var(--text);background:var(--bg);font:16px/145% Nunito,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1{color:var(--accent);margin:0 0 16px;font-size:28px;font-weight:800}h2{color:var(--accent);font-size:18px;font-weight:700}.auth-screen,.placeholder-page{background:var(--surface);border:1px solid var(--border);max-width:420px;box-shadow:var(--soft-shadow);border-radius:20px;margin:64px auto;padding:32px}.auth-screen form{flex-direction:column;gap:4px;display:flex}.auth-screen label{color:var(--text-muted);margin-top:12px;font-size:14px}.auth-screen input{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:10px;padding:8px 10px}.auth-screen button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;margin-top:16px;padding:10px 14px;font-weight:700}.field-error{color:var(--danger);margin:2px 0 0;font-size:13px}.form-error{color:var(--danger);margin-top:12px;font-size:14px}.app-layout{min-height:100vh;display:flex}.app-sidebar{background:var(--accent);width:220px;color:var(--accent-contrast);flex-direction:column;flex-shrink:0;padding:20px 16px;display:flex}.app-sidebar__brand{color:var(--accent-contrast);margin-bottom:24px;font-weight:800}.app-sidebar__logo{background:#fff;border-radius:14px;width:100%;max-width:170px;height:auto;padding:10px 14px;display:block;box-shadow:0 6px 16px #0000002e}.app-sidebar__nav{flex-direction:column;flex:1;gap:8px;display:flex}.app-sidebar__link{color:var(--accent-contrast);opacity:.85;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;text-decoration:none;display:flex}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 6px;font-size:11px;font-weight:700}.app-sidebar__link.active{opacity:1;background:#ffffff24;font-weight:700}.app-sidebar__footer{border-top:1px solid #ffffff2e;padding-top:12px}.app-sidebar__footer button{color:var(--accent-contrast);cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;padding:6px 14px}.app-sidebar__vendor{color:var(--accent-contrast);opacity:.75;margin-bottom:8px;font-size:13px}.app-content{flex:1;padding:32px}.app-sidebar__legal{flex-direction:column;gap:4px;margin-top:12px;font-size:12px;display:flex}.app-sidebar__legal a{color:var(--accent-contrast);opacity:.65}.page{max-width:720px}.page section{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.profile-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow-sm);border-radius:20px;align-items:flex-start;gap:20px;padding:20px;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;width:72px;height:72px}.profile-fields{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}.profile-fields dt{color:var(--text-muted);font-size:13px}.profile-fields dd{margin:0}.profile-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.profile-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:999px;padding:8px 14px}.profile-actions .danger{color:var(--danger);border-color:var(--danger)}.toggle-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.form-grid{flex-direction:column;gap:4px;max-width:480px;display:flex}.form-grid label{color:var(--text-muted);margin-top:12px;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:10px;padding:8px 10px}.form-grid button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;margin-top:16px;padding:10px 16px;font-weight:700}.add-card-form{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:400px;margin-top:12px;padding:16px}.add-card-form button{margin-top:12px}.plan-list,.card-list,.payment-history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-list li,.card-list li,.payment-history-list li{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.card-list button{border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;border-radius:999px;margin-left:auto;padding:4px 10px}.text-muted{color:var(--text-muted);font-size:13px}.page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.button-primary{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-block}.home-banner{background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow-sm);border-radius:20px;margin-bottom:8px;padding:24px}.home-banner h1{color:var(--accent)}.home-banner .button-primary{margin-top:12px}.filter-tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.filter-tab{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;border-radius:999px;padding:6px 14px}.filter-tab--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.ad-card{border:1px solid var(--border);background:var(--surface);color:inherit;box-shadow:var(--soft-shadow-sm);border-radius:16px;text-decoration:none;display:block;overflow:hidden}.ad-card__image{object-fit:cover;background:var(--bg);width:100%;height:120px;display:block}.ad-card__image--empty{display:flex}.ad-card__body{flex-direction:column;gap:4px;padding:12px;display:flex}.ad-card__rejection{color:var(--danger);margin:4px 0 0;font-size:13px}.ad-card__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ad-card__actions button,.ad-card__actions a{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:inherit;border-radius:999px;padding:4px 10px;font-size:13px;text-decoration:none}.badge{border-radius:999px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-pending{color:#8a6a14;background:#e5bb4533}.badge-live{color:var(--success);background:#2f8f6226}.badge-rejected{color:var(--danger);background:#c0563f26}.badge-ended{color:var(--text-muted);background:#6b776f26}.ad-detail__image{border-radius:16px;width:100%;max-width:400px;margin:12px 0}.ad-image-preview{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ad-image-preview__item{flex-direction:column;align-items:center;gap:4px;display:flex}.ad-image-preview__item img{object-fit:cover;border-radius:10px;width:80px;height:80px}.review-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.review-list li{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px}.legal-frame{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;min-height:70vh}.chat-search{border:1px solid var(--border);background:var(--surface);width:100%;max-width:400px;color:var(--text);font:inherit;border-radius:999px;margin:12px 0;padding:8px 10px}.conversation-list{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.conversation-row{color:inherit;border-radius:12px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.conversation-row:hover{background:var(--surface)}.conversation-row__avatar{object-fit:cover;background:var(--border);border-radius:50%;flex-shrink:0;width:44px;height:44px}.conversation-row__avatar--empty{display:block}.conversation-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.conversation-row__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-result-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.user-result-list li{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.user-result-list li span{flex:1}.user-result-list button{border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;border-radius:999px;padding:4px 12px}.chat-thread{flex-direction:column;max-width:640px;height:calc(100vh - 64px);display:flex}.message-list{flex-direction:column;flex:1;gap:10px;padding:12px 0;display:flex;overflow-y:auto}.message-row{display:flex}.message-row--own{justify-content:flex-end}.message-bubble{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;max-width:75%;padding:8px 12px;display:flex}.message-row--own .message-bubble{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.message-bubble__sender{color:var(--text-muted);font-size:12px;font-weight:700}.message-bubble__image{border-radius:12px;max-width:220px}.message-bubble__reactions{gap:2px;font-size:13px;display:flex}.message-bubble__actions{opacity:.7;gap:4px;font-size:12px;display:flex}.message-bubble__actions button{cursor:pointer;background:0 0;border:none;padding:2px}.report-inline{flex-wrap:wrap;gap:4px;display:flex}.message-composer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px 0;display:flex}.message-composer input[type=text]{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:999px;flex:1;padding:10px 14px}.message-composer__attach{cursor:pointer;font-size:20px}.message-composer button[type=submit]{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-weight:700}
