:root{--bg:#f3faf5;--card:#ffffff;--text:#0f172a;--muted:#475569;--border:#d8e7dd;--accent:#16a34a;--danger:#ef4444;--shadow:0 10px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
body{margin:0;background:linear-gradient(180deg,#f6fff9 0%,var(--bg) 60%);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.brand{font-weight:700;letter-spacing:.2px}
.topbar-right{display:flex;gap:12px;align-items:center}
.me{color:var(--muted);font-size:14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}
h2{margin:0 0 12px 0;font-size:18px}
h3{margin:0 0 8px 0;font-size:16px;color:var(--muted)}
label{display:block;font-size:12px;color:var(--muted);margin:0 0 6px 0}
input,textarea,select{width:100%;padding:10px 12px;background:#f8fffb;border:1px solid var(--border);border-radius:10px;color:var(--text);outline:none}
input:focus,textarea:focus,select:focus{border-color:rgba(22,163,74,.55);box-shadow:0 0 0 3px rgba(22,163,74,.15)}
textarea{resize:vertical}
.btn{background:var(--accent);color:#061029;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.btn-secondary{background:#e7f5ec;color:#064e3b;border:1px solid rgba(22,163,74,.25)}
.btn-danger{background:var(--danger);color:#fff}
.row{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.section{margin-top:12px}
.muted{color:var(--muted);font-size:13px}
.error{color:var(--danger);font-size:13px}
.table{display:flex;flex-direction:column;gap:10px}
.item{border:1px solid var(--border);border-radius:12px;padding:12px;background:#f7fffa}
.itemTop{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.itemTitle{font-weight:700}
.itemMeta{color:var(--muted);font-size:12px}
.itemActions{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.checkboxRow{display:flex;gap:10px;align-items:center}
.checkboxRow input{width:auto}
.progressWrap{margin-top:10px}
.progressBar{width:100%;height:10px;border-radius:999px;background:#eef8f1;border:1px solid var(--border);overflow:hidden}
.progressFill{height:100%;background:linear-gradient(90deg,var(--accent),#86efac)}
.progressWrap .muted{margin-top:6px}
.footer{margin-top:16px;text-align:center}

.tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.tabBtn{background:#f1fbf5;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer;opacity:.95}
.tabBtn:hover{opacity:1}
.tabBtn.active{background:linear-gradient(90deg,rgba(34,197,94,.25),rgba(134,239,172,.18));border-color:rgba(34,197,94,.45)}
.tabSection{animation:fadein .12s ease-out}
@keyframes fadein{from{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}

.toast{position:fixed;right:18px;bottom:18px;max-width:460px;background:#ffffff;border:1px solid var(--border);border-radius:12px;padding:12px 12px;box-shadow:var(--shadow);z-index:50}
.toast .title{font-weight:800;margin-bottom:4px}
.toast.success{border-color:rgba(34,197,94,.45)}
.toast.error{border-color:rgba(255,107,107,.55)}

@media (max-width: 900px){.grid2{grid-template-columns:1fr}.toast{left:18px;right:18px;max-width:none}}