*{box-sizing:border-box}:root{--brand-primary: #00A859;--brand-accent: #FDE047;--brand-bg: #ffffff;--text-color: #111827;--muted-text: #6B7280;--card-bg: #ffffff;--card-border: #e5e7eb;--header-height: 60px}html,body{height:100%}body{margin:0;font-family:Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Ubuntu,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--brand-bg);color:var(--text-color)}.app-header{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--card-border);background:var(--brand-bg);position:fixed;top:0;left:0;right:0;z-index:10;min-height:var(--header-height)}.app-header .logo{height:32px;width:auto}.app-header .brand{font-weight:700;letter-spacing:.2px;color:var(--brand-primary)}.app-header .brand-wrap{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav-right{display:inline-flex;align-items:center;gap:8px}.link-btn{padding:6px 10px;border-radius:8px;text-decoration:none;font-weight:600;color:var(--text-color)}.link-btn.active{color:var(--brand-primary)}.link-btn:hover{background:#00a85914}.search{position:relative}.search-input{min-width:220px;padding:8px 12px;border:1px solid var(--card-border);border-radius:20px;background:#fff;outline:none}.search-input::placeholder{color:var(--muted-text)}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #00a8592e}.primary-btn{background:var(--brand-primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.primary-btn:hover{background:#008f4c}@media (max-width: 768px){body{padding-bottom:60px}}.loader-row{display:flex;align-items:center;justify-content:center;padding:24px}.spinner-border{width:2rem;height:2rem;border:.25rem solid #e5e7eb;border-top-color:var(--brand-primary);border-radius:50%;animation:spin .65s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes spin{to{transform:rotate(360deg)}}