:root{--brand: #136e60;--brand-600: #158a76;--brand-50: #effcf9;--brand-100: #d7f5ee;--ink: #0f1e2b;--muted: #51606b;--canvas: #f6faf9;--surface: #ffffff;--hairline: #e2ebe9;--fee: #b07d2c;--danger: #b3261e;--ok: #158a76;--warn: #b07d2c;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand)}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--hairline)}.app-header .brand{font-weight:700;color:var(--brand);text-decoration:none;font-size:1.05rem}.app-header nav{display:flex;gap:.25rem;flex-wrap:wrap}.app-header nav a{padding:.4rem .7rem;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.9rem}.app-header nav a.active,.app-header nav a:hover{background:var(--brand-50);color:var(--brand)}.app-header .spacer{flex:1}.app-header .who{font-size:.85rem;color:var(--muted)}.container{max-width:960px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.container.narrow{max-width:680px}h1{font-size:1.6rem;margin:0 0 .25rem}h2{font-size:1.2rem;margin:1.5rem 0 .5rem}.lead{color:var(--muted);margin:0 0 1.5rem}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:.85rem}.card h3{margin:0 0 .35rem;font-size:1.05rem}.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.grid2{grid-template-columns:1fr}}label{display:block;margin-bottom:.9rem}label>span.label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.3rem}label>span.hint{display:block;font-weight:400;font-size:.8rem;color:var(--muted);margin-top:.25rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;padding:.55rem .65rem;border:1px solid var(--hairline);border-radius:10px;background:var(--canvas);color:var(--ink);font:inherit}textarea{min-height:8rem;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-100);border-color:var(--brand-600)}.checkbox{display:flex;align-items:flex-start;gap:.5rem}.checkbox input{width:auto;margin-top:.2rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid transparent;background:var(--brand);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.btn:hover{background:var(--brand-600)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary,.btn.secondary{background:var(--surface);color:var(--brand);border-color:var(--brand-100)}button.ghost{background:transparent;color:var(--muted);border-color:var(--hairline)}button.danger{background:var(--danger)}button.small{padding:.35rem .75rem;font-size:.85rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:capitalize}.badge.draft{background:#eef1f3;color:#51606b}.badge.pending_review{background:#fff4e0;color:#8a5a13}.badge.published{background:var(--brand-100);color:var(--brand)}.badge.closed,.badge.filled,.badge.archived{background:#f0e7e6;color:#7a4b47}.fee{color:var(--fee);font-weight:700}.meta{color:var(--muted);font-size:.85rem}.pill{display:inline-block;padding:.15rem .55rem;border:1px solid var(--hairline);border-radius:999px;font-size:.8rem;margin:0 .25rem .25rem 0}.alert{padding:.7rem .9rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.alert.error{background:#fdeceb;color:var(--danger);border:1px solid #f3c9c6}.alert.ok{background:var(--brand-50);color:var(--brand);border:1px solid var(--brand-100)}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:100%;max-width:380px}.spinner{color:var(--muted);padding:2rem 0;text-align:center}.empty{border:1px dashed var(--hairline);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--muted);background:var(--surface)}.tree{list-style:none;padding-left:0;margin:0}.tree .children{list-style:none;padding-left:1.25rem;margin:.25rem 0 .5rem;border-left:2px solid var(--hairline)}.tree li{padding:.25rem 0}.inactive{opacity:.55}.muted{color:var(--muted)}.small{font-size:.85rem}.role-picker{border:0;padding:0;margin:0 0 .25rem}.role-options{display:flex;gap:.5rem}.role-option{flex:1;background:var(--surface);color:var(--muted);border:1px solid var(--hairline);padding:.5rem .4rem;font-size:.85rem}.role-option:hover{background:var(--surface);border-color:var(--brand-100)}.role-option.active{background:var(--brand-50);color:var(--brand);border-color:var(--brand)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-bottom:1rem}.category-chip{display:flex;align-items:center;gap:.5rem;border:1px solid var(--hairline);border-radius:10px;padding:.6rem .75rem;cursor:pointer;font-size:.9rem}.category-chip.active{background:var(--brand-50);border-color:var(--brand)}.category-chip input{width:auto;margin:0}