:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}main{margin:auto;padding:22px 28px 40px}.navbar{display:flex;align-items:center;gap:16px;padding:0 24px;height:56px;background:#fff;border-bottom:1px solid #e8edf4;box-shadow:0 1px 4px #1b315b08;position:sticky;top:0;z-index:50}.navbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.navbar-logo{height:32px;width:auto;border-radius:6px;object-fit:contain}.navbar-title{font-size:18px;font-weight:800;color:#3564d8}.navbar-title span{color:#172033;font-weight:400}.navbar-links{display:flex;align-items:center;gap:4px;margin-left:16px}.nav-link{width:auto;padding:8px 14px;font-size:13px;font-weight:500;background:transparent;color:#536178;border:0;border-radius:6px;cursor:pointer;transition:.15s}.nav-link:hover{background:#f0f3f8;color:#172033;transform:none}.nav-link.active{background:#edf3ff;color:#3564d8;font-weight:600}.navbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.navbar-user{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.navbar-user-name{font-size:13px;font-weight:600;color:#172033}.navbar-user-email{font-size:11px;color:#8994a8}.navbar-actions{display:flex;align-items:center;gap:6px}.navbar-actions .ghost{padding:5px 10px;font-size:12px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h1{margin:0;font-size:23px;font-weight:700;letter-spacing:-.4px}h1 span{color:#71809a;font-weight:400}.subtle{color:#8994a8;font-size:12px}.userbar{display:flex;align-items:center;gap:12px;color:#71809a;font-size:12px}.ghost{width:auto;padding:7px 10px;color:#536178;background:#fff;border:1px solid #d9e0ea}.action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 2px 8px #1b315b08}.action-bar button,.action-bar .button{width:auto;padding:7px 14px;font-size:12px}.action-bar .spacer{flex:1}.action-bar .api-name{font-weight:700;font-size:14px;color:#172033}.action-bar .api-method{font-size:11px;color:#8994a8;margin-left:4px}.api-name-input{width:200px;padding:4px 8px;font-size:14px;font-weight:700;border:1px solid #6d8ff0;border-radius:5px;background:#fff;box-shadow:0 0 0 3px #3564d81a}.grid{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:16px;align-items:start}h2{margin:0;font-size:15px;font-weight:700}.card{background:#fff;border:1px solid #e8edf4;padding:16px;border-radius:10px;box-shadow:0 8px 24px #1b315b0b}.card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #edf0f5;margin-bottom:14px}.card-head.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-head.clickable:hover{background:#f8faff;margin:-8px -8px 14px;padding:8px 8px 13px;border-radius:6px}.badge{background:#edf3ff;color:#3564d8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.grid-full{grid-template-columns:minmax(0,1fr)}.sidebar-toggle{position:fixed;left:12px;top:72px;z-index:40;width:36px;height:36px;padding:0;background:#fff;color:#536178;border:1px solid #e8edf4;border-radius:8px;box-shadow:0 2px 8px #1b315b12;display:grid;place-items:center;font-size:18px;cursor:pointer}.sidebar-toggle:hover{background:#f0f3f8;transform:none}.sidebar-close{width:24px;height:24px;padding:0;background:#f0f3f8;color:#8994a8;border:none;border-radius:6px;display:grid;place-items:center;font-size:12px;cursor:pointer}.sidebar-close:hover{background:#e4e8ef;color:#536178;transform:none}form{display:grid;gap:8px;margin-bottom:14px}input,select,button,textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #d9e0ea;border-radius:6px;font:inherit;font-size:13px;background:#fff;color:#253044;outline:none}textarea{resize:vertical;min-height:60px}input:focus,select:focus,textarea:focus{border-color:#6d8ff0;box-shadow:0 0 0 3px #3564d81a}button{background:#3564d8;color:#fff;border:0;cursor:pointer;font-weight:600;transition:.15s ease}button:hover{background:#2852c0;transform:translateY(-1px)}.api-item{display:flex;align-items:center;justify-content:space-between;background:transparent;color:#39465c;text-align:left;width:100%;border-bottom:1px solid #f0f2f6;border-radius:5px;margin:2px 0;padding:9px 10px}.api-item:hover{background:#f1f5ff;color:#2852c0}.api-item.selected{background:#edf3ff;color:#3564d8;font-weight:600}ul{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #f0f2f6;font-size:13px}li small{color:#8994a8;font-family:ui-monospace,SFMono-Regular,monospace}label{display:flex;gap:7px;align-items:center;color:#67748a;font-size:13px}label input{width:auto;accent-color:#3564d8}.actions{display:flex;align-items:center;gap:8px}.actions button{width:auto;padding:8px 11px}.toolbar{display:flex;align-items:center;gap:8px}.toolbar button,.button{width:auto;padding:8px 11px}.button{display:inline-flex;align-items:center;background:#3564d8;color:#fff;border-radius:6px;cursor:pointer;font-weight:600}.secondary{background:#f0f3f8;color:#43516a}.danger{background:#fff0f1!important;color:#cf3e4d!important}.icon{width:28px;padding:5px}.btn-cancel{background:#f0f3f8;color:#536178;border:1px solid #d9e0ea}.btn-cancel:hover{background:#e4e8ef}.field-tags{display:flex;flex-wrap:wrap;gap:4px}.field-tag{background:#edf3ff;color:#3564d8;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.detail-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:24px}h3{margin:4px 0 10px;font-size:13px;color:#536178;text-transform:uppercase;letter-spacing:.05em}.section-title{margin-top:22px}.inline-form{grid-template-columns:1fr 1fr auto}.table-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.table-wrap{overflow-x:auto;border:1px solid #edf0f5;border-radius:7px;max-width:100%}table{min-width:100%;width:max-content;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{padding:9px 10px;border-bottom:1px solid #edf0f5;text-align:left}th{background:#f8faff;color:#71809a;font-size:11px;text-transform:uppercase}.status{display:inline-block;padding:4px 10px;border:none;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;line-height:1.2}.status.success{color:#17824e;background:#e8f8ef;padding:4px 10px;border-radius:99px;border:none;margin-bottom:0}.status.failed{color:#c03849;background:#fff0f1}.status.pending{color:#9a6b08;background:#fff8df}.response-cell{max-width:350px;white-space:normal;word-break:break-word;font-size:11px;color:#536178}.import-progress{background:#f8faff;border:1px solid #e8edf4;border-radius:8px;padding:12px 14px;margin-bottom:12px}.import-progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;color:#172033}.progress-bar{height:6px;background:#e8edf4;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#3564d8;border-radius:3px;transition:width .3s ease}.search-input{width:100%;padding:7px 10px;font-size:12px;border:1px solid #e8edf4;border-radius:6px;background:#f8faff}.search-input:focus{border-color:#6d8ff0;background:#fff;box-shadow:0 0 0 3px #3564d81a}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px}.pagination button{width:auto;padding:6px 14px;font-size:12px;background:#f0f3f8;color:#43516a;border:1px solid #d9e0ea}.pagination button:hover:not(:disabled){background:#e4e8ef}.pagination button:disabled{opacity:.4;cursor:default;transform:none}.page-info{font-size:12px;color:#71809a}.empty{display:grid;place-items:center;min-height:220px;text-align:center}.empty.small{min-height:100px}.alert,.error{background:#fff0f1;color:#c03849;border:1px solid #ffd3d8;padding:9px 12px;border-radius:6px;margin-bottom:14px}.alert button{width:auto;float:right;padding:0 5px;background:transparent;color:inherit}.success{background:#e8f8ef;color:#17824e;border:1px solid #b8e6cc;padding:9px 12px;border-radius:6px;margin-bottom:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:100;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:14px;box-shadow:0 24px 60px #0f172a40;width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;animation:modal-in .2s ease}.modal.modal-wide{width:min(680px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #edf0f5}.modal-head h2{font-size:17px;font-weight:700}.modal-close{width:32px;height:32px;padding:0;background:#f0f3f8;color:#536178;border-radius:8px;display:grid;place-items:center;font-size:16px;border:0}.modal-close:hover{background:#e4e8ef;transform:none}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body form{margin-bottom:0}.modal-body ul{margin-top:16px;border:1px solid #edf0f5;border-radius:8px;overflow:hidden}.modal-body ul li{padding:8px 12px;border-bottom:1px solid #edf0f5;margin:0}.modal-body ul li:last-child{border-bottom:0}.modal-body ul li:hover{background:#f8faff}.modal-body .field-label{font-weight:600;font-size:13px;color:#172033}.modal-body .field-meta{font-size:10px;color:#8994a8;font-family:ui-monospace,SFMono-Regular,monospace;margin-left:8px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #edf0f5}.modal-footer button{width:auto;padding:9px 20px;border-radius:8px}.modal-body .inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:0}.modal-body .inline-form button{border-radius:8px;padding:9px 18px}.modal-body .empty.small{border:1px dashed #d9e0ea;border-radius:8px;margin-top:16px;min-height:80px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:600;color:#536178}.user-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.user-form .form-group:nth-child(3){grid-column:1}.user-form button{grid-column:1 / -1}.auth{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(360px,100%);background:#fff;padding:28px;border:1px solid #e8edf4;border-radius:12px;box-shadow:0 16px 40px #1b315b12}.brand{font-size:24px;font-weight:800;color:#3564d8;margin-bottom:5px}.brand span{color:#172033;font-weight:400}@media (max-width: 760px){main{padding:16px}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.grid{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.navbar{flex-wrap:wrap;height:auto;padding:10px 16px;gap:8px}.navbar-links{margin-left:0}.navbar-right{flex-wrap:wrap}.navbar-user{display:none}}@media (max-width: 1000px){.detail-grid{grid-template-columns:1fr}}