:root{color:#1f2933;background:#f4f7f6;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(41,128,185,.18),transparent 34%),linear-gradient(225deg,rgba(39,174,96,.16),transparent 32%),#f4f7f6}.login-panel{width:min(420px,100%);padding:32px;border:1px solid #d9e2df;border-radius:8px;background:#fff;box-shadow:0 20px 60px #1f29331f}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#226f54}.login-panel h1,.topbar h1{margin:16px 0 4px;font-size:28px}.login-panel label{display:grid;gap:8px;margin-top:18px;color:#52616b;font-size:14px}.login-panel input,.search-box input{width:100%;border:1px solid #d9e2df;border-radius:8px;outline:0;background:#fff}.login-panel input{height:44px;padding:0 12px}.primary-button,.ghost-button,.row-actions button,.icon-button,.main-tabs button,.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;transition:.15s ease}.primary-button{width:100%;margin-top:24px;color:#fff;background:#226f54}.primary-button:disabled{opacity:.7}.ghost-button,.icon-button,.row-actions button{color:#1f2933;background:#eef4f1}.danger-button{color:#9f1d20!important;background:#fdeaea!important}.form-error,.app-error{color:#b42318}.app-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1{margin:0}.topbar span{color:#667085}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.metric-card{display:grid;gap:10px;padding:18px;border:1px solid #d9e2df;border-radius:8px;background:#fff}.metric-card span{color:#667085;font-size:13px}.metric-card strong{font-size:28px}.main-tabs{display:flex;gap:10px;margin-bottom:16px}.main-tabs button{padding:0 16px;color:#52616b;background:#fff;border:1px solid #d9e2df}.main-tabs button.active{color:#fff;background:#1f6f8b;border-color:#1f6f8b}.panel{border:1px solid #d9e2df;border-radius:8px;background:#fff}.panel-toolbar{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #e5ece9}.segmented{display:flex;flex-wrap:wrap;gap:6px}.segmented button{min-height:34px;padding:0 12px;color:#52616b;background:#eef4f1}.segmented button.active{color:#fff;background:#226f54}.search-box{min-width:260px;margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #d9e2df;border-radius:8px;background:#fff}.search-box input{height:36px;border:0}.icon-button{width:38px}.table-list{display:grid}.review-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;padding:16px;border-bottom:1px solid #e5ece9}.review-row:last-child{border-bottom:0}.avatar,.project-icon{width:56px;height:56px;border-radius:8px;background:#e8f1ee}.avatar{object-fit:cover}.project-icon{display:grid;place-items:center;color:#1f6f8b}.row-main{min-width:0}.row-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.row-title strong{font-size:16px}.row-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:#667085;font-size:13px}.row-main p{max-width:760px;margin:10px 0 0;line-height:1.6}.note{color:#9f1d20}.image-link{display:inline-flex;margin-top:10px;color:#1f6f8b;text-decoration:none}.row-actions{display:flex;align-items:flex-start;gap:8px}.row-actions button{padding:0 12px;white-space:nowrap}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;color:#52616b;background:#eef4f1;font-size:12px}.pill.pending{color:#8a4b00;background:#fff4d6}.pill.approved{color:#116149;background:#dff8ee}.pill.reviewed{color:#1f6f8b;background:#e2f0f7}.pill.rejected,.pill.offline,.pill.dismissed,.pill.danger{color:#9f1d20;background:#fdeaea}.empty-state{padding:48px;text-align:center;color:#667085}@media(max-width:920px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-toolbar,.topbar,.review-row,.row-actions{align-items:stretch;flex-direction:column}.review-row{grid-template-columns:56px minmax(0,1fr)}.row-actions{grid-column:1 / -1}.search-box{width:100%;min-width:0;margin-left:0}}