:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-width:1280px;background:radial-gradient(circle at top left,rgba(99,102,241,.15),transparent 30%),#f5f7fb}button,input,textarea{font:inherit}#app{min-height:100vh}.app-shell{padding:24px}.topbar,.toolbar-card,.card{background:#ffffffeb;border:1px solid rgba(226,232,240,.9);border-radius:20px;box-shadow:0 10px 30px #0f172a0f}.topbar{padding:24px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.topbar h1{margin:6px 0 0;font-size:28px}.eyebrow{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6366f1}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.toolbar-card{margin-top:16px;padding:20px 24px}.auth-card{display:flex;flex-direction:column;gap:16px}.toolbar-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:end}.auth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.layout-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin-top:16px;align-items:start}.column{display:flex;flex-direction:column;gap:16px}.card{overflow:hidden}.card-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-header p{margin:4px 0 0;color:#64748b;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-item,.runtime-box,.check-item,.task-item,.feed-item,.claim-item,.role-login-button,.role-action-card,.current-user-panel{border:1px solid #e5e7eb;border-radius:16px;background:#fff}.summary-item,.role-login-button,.current-user-panel{padding:14px;display:flex;flex-direction:column;gap:6px}.role-login-button{min-height:112px;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.role-login-button:hover:not(:disabled),.role-login-button.active{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 10px 22px #4f46e51f}.role-login-button:disabled{cursor:not-allowed;opacity:.6}.role-login-button span,.current-user-panel p,.current-user-panel small,.role-action-card p{margin:0;color:#64748b;font-size:13px}.role-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.permission-error{padding:12px 14px;border:1px solid #fecaca;border-radius:14px;background:#fef2f2;color:#b91c1c}.summary-item span,.detail-grid span,.field-block span,.runtime-title{font-size:12px;color:#64748b}.summary-item strong,.detail-grid strong{font-size:16px}.checklist{margin-top:16px;display:flex;flex-direction:column;gap:10px}.check-item{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.field-block{display:flex;flex-direction:column;gap:8px}.field-block.wide{min-width:0}.draft-form{display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.native-input{width:100%;min-height:40px;padding:0 12px;border:1px solid #dcdfe6;border-radius:8px;background:#fff}.native-textarea{width:100%;min-height:112px;padding:10px 12px;border:1px solid #dcdfe6;border-radius:8px;background:#fff;resize:vertical}.native-textarea.compact{min-height:76px}.native-input:focus,.native-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.runtime-box{padding:14px}.runtime-values{margin-top:8px;display:flex;flex-direction:column;gap:6px}.action-row{display:flex;gap:12px;flex-wrap:wrap}.role-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-action-card{padding:14px;display:flex;flex-direction:column;gap:10px}.task-list,.feed-list,.claims-list{display:flex;flex-direction:column;gap:10px}.task-item,.feed-item,.claim-item{width:100%;padding:14px;text-align:left;display:flex;justify-content:space-between;gap:12px}.task-item{cursor:pointer;transition:border-color .2s ease,transform .2s ease}.task-item.active{border-color:#6366f1;transform:translateY(-1px)}.task-item p,.feed-item p,.claim-item p{margin:6px 0 0;color:#64748b;line-height:1.5}.task-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:#64748b;font-size:12px;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid>div{padding:12px 14px;border-radius:14px;background:#f8fafc;display:flex;flex-direction:column;gap:6px}.claims-box{margin-top:16px}.claims-box>strong{display:block;margin-bottom:10px}.padded-card{padding:20px}.toast{position:sticky;top:16px;z-index:30;margin:0 auto 16px;width:min(420px,calc(100vw - 48px));padding:12px 16px;border-radius:12px;border:1px solid transparent;text-align:center;font-size:14px;box-shadow:0 14px 32px #0f172a1f}.toast.info{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.toast.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.toast.error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.button{min-height:40px;padding:0 16px;border:1px solid #d0d7e2;border-radius:10px;background:#fff;color:#1f2937;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0f172a14}.button:disabled{cursor:not-allowed;opacity:.6}.button.primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.button.warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.button.success{background:#10b981;border-color:#10b981;color:#fff}.button.danger{background:#dc2626;border-color:#dc2626;color:#fff}.button.ghost{background:#f8fafc}.button.text{border-color:transparent;background:transparent;color:#4f46e5;box-shadow:none}.button.fit{width:fit-content}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;background:#e0e7ff;color:#4338ca}.pill.success{background:#dcfce7;color:#15803d}.pill.warning{background:#fef3c7;color:#b45309}.pill.danger{background:#fee2e2;color:#b91c1c}.pill.muted{background:#e5e7eb;color:#475569}.empty-box{padding:18px 16px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#64748b;text-align:center}@media (max-width: 1440px){body{min-width:0}.layout-grid,.toolbar-grid,.auth-grid,.role-action-grid,.form-grid,.form-grid.triple,.detail-grid,.summary-grid{grid-template-columns:1fr}}