:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e6eaf0;--primary:#2f6f61;--primary-soft:#e7f3ef;--danger:#b42318;--danger-soft:#feeceb;--warn:#9a6700;--warn-soft:#fff4d6;--ok:#166534;--ok-soft:#e9f7ee}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{max-width:1100px;margin:auto;padding:20px 16px 100px}.topbar{justify-content:space-between;gap:12px;margin-bottom:18px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--primary);color:#fff}.title{margin:0;font-size:22px}.subtitle{margin:3px 0 0;color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 3px 18px rgba(23,32,51,.05)}.grid{display:grid;grid-gap:14px;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stats .card{text-align:center}.stat-number{font-size:30px;font-weight:800}.stat-label{font-size:13px;color:var(--muted);margin-top:7px}.section-title{margin:0 0 12px;font-size:17px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.form-row-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.input,.select,.textarea{width:100%;padding:11px 12px;border:1px solid #d6dbe3;border-radius:12px;background:#fff;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn{border:0;border-radius:12px;padding:10px 13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--primary);color:white}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-neutral{background:#eef1f5}.list{display:grid;grid-gap:8px;gap:8px}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px}.item-main{min-width:0}.item-title{font-weight:700;word-break:break-word}.item-meta{color:var(--muted);font-size:12px;margin-top:4px}.item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.empty{text-align:center;padding:20px 4px}.empty,.muted{color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);z-index:50}.nav-btn{border:0;background:transparent;color:#657084;display:grid;grid-gap:3px;gap:3px;place-items:center;font-size:10px}.nav-btn.active{color:var(--primary);font-weight:800}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(460px,100%)}.tabs{display:flex;background:#eef1f5;padding:4px;border-radius:12px;margin-bottom:14px}.tab{flex:1 1;border:0;background:transparent;padding:10px;border-radius:9px;font-weight:700}.tab.active{background:white}.notice{border-radius:12px;padding:11px 12px;font-size:13px;margin:10px 0}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice.success{background:var(--ok-soft);color:var(--ok)}@media(max-width:760px){.form-row,.form-row-3,.grid-2,.grid-3{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(3,1fr);row-gap:8px}.container{padding-bottom:135px}.item{align-items:flex-start}.item-actions{flex-direction:column}}