:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;color:#1f2b26;background:#f3f6f4;line-height:1.45}*{box-sizing:border-box}body{margin:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid #dbe3de}.brand{font-size:25px;font-weight:700;letter-spacing:0}.brand span{font-size:13px;font-weight:400;color:#a25545;margin-left:18px}.meta{display:flex;gap:22px;align-items:center;color:#5a675f;font-size:14px}.meta b{color:#2f8f67}.shell{max-width:1500px;margin:0 auto;padding:26px 28px}.tabs{display:flex;gap:4px;border-bottom:1px solid #ccd7d0;margin-bottom:24px}.tab{border:0;background:transparent;padding:11px 18px;color:#5c6a61;font-size:15px;cursor:pointer;border-bottom:3px solid transparent}.tab:hover{color:#1f2b26}.tab.active{color:#1f2b26;border-color:#2f8f67;font-weight:600}.view{display:none}.view.active{display:block}.view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}h1{font-size:22px;margin:0 0 5px}.muted{color:#718078;font-size:14px;margin:0}.actions,.form-actions{display:flex;align-items:center;gap:10px}button,input,textarea,select{font:inherit}button{border:1px solid #cbd6d0;background:#fff;color:#24332b;border-radius:5px;padding:9px 16px;cursor:pointer}button:hover{border-color:#2f8f67;color:#1f7a58}button.primary{background:#2f8f67;border-color:#2f8f67;color:#fff}button:disabled{opacity:.55;cursor:wait}input,select,textarea{border:1px solid #cbd6d0;border-radius:4px;background:#fff;color:#24332b;padding:9px 11px}#search{width:230px}textarea{display:block;width:100%;min-height:240px;resize:vertical;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.table-wrap{overflow:auto;background:#fff;border:1px solid #d8e1db;border-radius:5px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{height:46px;padding:9px 12px;border-bottom:1px solid #edf1ee;text-align:center;white-space:nowrap}th{background:#f7f9f8;font-weight:600;color:#3d4b43;position:sticky;top:0}td:first-child{max-width:280px;overflow:hidden;text-overflow:ellipsis}.danger{color:#ad4e43}.ok{color:#2f8f67}.summary{padding:12px 0;color:#536259}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;max-width:850px}.settings-grid label{display:flex;flex-direction:column;gap:7px;color:#536259;font-size:14px}.settings-grid label.wide{grid-column:1/-1}.settings-grid .check{flex-direction:row;align-items:center}.settings-grid .check input{width:16px;height:16px}.link-button{border:0;background:transparent;padding:0;color:#1f7a58;text-decoration:underline;white-space:normal;text-align:center}.modal{position:fixed;inset:0;background:rgba(20,30,25,.42);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.show{display:flex}.modal-card{position:relative;width:min(960px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;padding:2px 8px}.detail-head{display:flex;gap:20px;align-items:flex-start;padding-right:38px}.detail-head img{width:150px;height:150px;object-fit:cover;border-radius:6px;background:#f3f6f4}.detail-head h2{margin:8px 0 12px;font-size:22px}.detail-head p{margin:5px 0;color:#59685f}.detail-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:24px 0}.detail-metrics div{display:flex;flex-direction:column;gap:4px}.detail-metrics small{color:#718078}.detail-metrics b{font-size:20px}.modal-card h3{font-size:16px;margin:18px 0 10px}@media(max-width:800px){.topbar{height:auto;padding:15px 18px;display:block}.meta{margin-top:10px;gap:12px;flex-wrap:wrap}.shell{padding:18px 14px}.tabs{overflow:auto}.tab{padding:10px 13px;white-space:nowrap}.view-head{display:block}.actions{margin-top:12px;flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.settings-grid label.wide{grid-column:auto}.detail-head{display:block}.detail-head img{width:110px;height:110px}.detail-metrics{grid-template-columns:repeat(2,1fr)}.modal-card{padding:20px 16px}}
/* Toast notifications stay fixed in the lower-right corner and never affect layout. */
#toast{position:fixed;right:24px;bottom:24px;z-index:30;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;background:#24332b;color:#fff;border-radius:6px;box-shadow:0 8px 24px rgba(20,35,28,.22);font-size:14px;line-height:1.45;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;pointer-events:none}
#toast.show{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:800px){#toast{right:16px;bottom:16px;max-width:calc(100vw - 32px)}}