*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100vh;font-family:Inter,-apple-system,sans-serif;background-color:#f5f3f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.dashboard{min-height:100vh;background-color:#f5f3f8;color:#4b4453;padding:40px;font-family:Inter,-apple-system,sans-serif}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid #e0e6ea;padding-bottom:20px}.dashboard__title{font-size:28px;font-weight:700;margin:0 0 8px;color:#4b4453}.dashboard__subtitle{margin:0;color:#6b6278;font-size:15px}.dashboard__badges{display:flex;gap:16px}.dashboard__status-badge{background-color:#845ec21a;color:#845ec2;padding:6px 16px;border-radius:50px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;border:1px solid rgba(132,94,194,.2)}.dashboard__status-indicator{width:8px;height:8px;border-radius:50%;background-color:#845ec2}.dashboard__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.dashboard__card{background-color:#fff;padding:24px;border-radius:8px;border:1px solid #e0e6ea;box-shadow:0 4px 6px #4b44530d;transition:transform .2s ease}.dashboard__card:hover{transform:translateY(-4px)}.dashboard__card-title{font-size:12px;color:#b0a8b9;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-weight:600}.dashboard__card-value{font-size:32px;font-weight:700;margin:0 0 8px;color:#4b4453}.dashboard__card-trend{font-size:13px;font-weight:600}.dashboard__card-trend--up,.dashboard__card-trend--down{color:#2ecc71}.dashboard__card-trend--neutral{color:#6b6278}.dashboard__section{background-color:#fff;border-radius:8px;border:1px solid #e0e6ea;box-shadow:0 4px 6px #4b44530d;overflow:hidden}.dashboard__section-header{padding:24px;border-bottom:1px solid #e0e6ea}.dashboard__section-title{font-size:18px;font-weight:600;margin:0;color:#4b4453}.dashboard__table{width:100%;border-collapse:collapse;text-align:left}.dashboard__table-th{background-color:#f8f9fa;border-bottom:1px solid #e0e6ea;padding:16px 24px;color:#6b6278;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.dashboard__table-row{border-bottom:1px solid #e0e6ea;transition:background-color .2s ease}.dashboard__table-row:hover{background-color:#845ec205}.dashboard__table-td{padding:16px 24px}.dashboard__method-badge{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.dashboard__method-badge--post{background-color:#845ec21a;color:#845ec2}.dashboard__method-badge--get{background-color:#6b48a81a;color:#6b48a8}.dashboard__route-cell{font-family:JetBrains Mono,monospace;color:#4b4453;font-size:14px}.dashboard__status-cell{color:#2ecc71;font-weight:500;font-size:14px}.tester__container{background-color:#3b4252;border-radius:6px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.tester__url-bar{background-color:#2e3440;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.tester__url-text{font-family:JetBrains Mono,monospace;color:#c4def6;font-size:14px;margin:0}.tester__content{padding:16px}.tester__headers-label{color:#fff;font-weight:600;font-size:14px;margin:0 0 12px}.tester__header-row{display:flex;align-items:stretch;margin-bottom:16px;gap:8px}.tester__header-key{background-color:#2e3440;color:#e5e9f0;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1)}.tester__header-input-wrapper{flex:1;display:flex;background-color:#2e3440;border-radius:4px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.tester__header-input{flex:1;background-color:transparent;border:none;color:#e5e9f0;padding:10px 16px;font-size:14px;font-family:inherit;outline:none}.tester__header-input::placeholder{color:#e5e9f066}.tester__divider{height:1px;background-color:#ffffff1a;margin:16px 0}.tester__btn-send{background-color:#2e3440;color:#fff;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.tester__btn-send:hover{background-color:#434c5e}.tester__btn-send:disabled{opacity:.6;cursor:not-allowed}.sample-request__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sample-request__title{font-size:18px;font-weight:500;color:#3b4252;margin:0}.sample-request__badge{background-color:#5b4dbd;color:#fff;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:500}.sample-request__group{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.sample-request__row{display:flex;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff}.sample-request__label{background-color:#edf0f5;color:#5c677d;padding:12px 16px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:14px;border-right:1px solid #dcdfe6;display:flex;align-items:center;border-top-left-radius:3px;border-bottom-left-radius:3px}.sample-request__input{flex:1;border:none;padding:12px 20px;font-size:15px;color:#3b4252;outline:none;background-color:transparent;width:100%;font-family:inherit}.sample-request__input:focus{background-color:#f8f9fa;box-shadow:inset 0 0 0 2px #5b4dbd33}.sample-request__row:focus-within{border-color:#5b4dbd}