:root{
  --blue-900:#07148f; --blue-800:#0821bd; --blue-700:#0b39f2; --blue-600:#1458ff;
  --green:#0cc976; --green-dark:#047c51; --red:#e33f32; --amber:#ffc400;
  --ink:#07122e; --muted:#6b7280; --bg:#eef3ff; --card:#ffffff; --line:#e7ebf5;
  --shadow:0 18px 45px rgba(6,22,115,.18); --radius:22px; --sidebar:290px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#edf2ff,#f8fbff);color:var(--ink)}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--blue-900),var(--blue-800));color:white;overflow:auto;border-right:1px solid rgba(255,255,255,.15)}.brand{height:148px;display:flex;gap:16px;align-items:center;padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.18)}.brand-badge{width:58px;height:58px;border-radius:16px;background:var(--amber);color:#111;display:grid;place-items:center;font-weight:900;font-size:28px;box-shadow:0 12px 20px rgba(0,0,0,.24)}.brand h1{font-size:19px;line-height:1.05;margin:0}.brand p{margin:8px 0 0;color:rgba(255,255,255,.65);font-size:12px;letter-spacing:.12em}.nav-section{padding:26px 18px 8px}.nav-section-title{font-size:12px;letter-spacing:.32em;color:rgba(255,255,255,.42);font-weight:800;margin:0 0 12px 10px}.nav-link{position:relative;display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:13px;color:rgba(255,255,255,.86);font-weight:650;margin:6px 0;transition:.16s ease}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.13);color:white}.nav-link.active:before{content:"";position:absolute;left:-3px;top:9px;bottom:9px;width:4px;background:var(--amber);border-radius:4px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,var(--blue-900),var(--blue-700));height:auto;min-height:110px;padding:22px 34px;color:white;box-shadow:var(--shadow);border-bottom:1px solid rgba(255,255,255,.18)}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-title{font-size:22px;line-height:1.25;margin:0;font-weight:900}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill,.btn{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:11px 16px;background:rgba(255,255,255,.12);color:white;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.12);cursor:pointer}.pill{cursor:default}.btn.primary{background:linear-gradient(135deg,var(--blue-600),#22a2ff);border:0}.btn.red{background:var(--red);border:0}.btn.light{background:#fff;color:#0b39f2;border-color:#e6ebff}.btn.ghost{background:#eef3ff;color:#102364;border-color:#dce5ff;box-shadow:none}.btn.green{background:linear-gradient(135deg,#0cc976,#18ad7a);border:0}.btn.warning{background:linear-gradient(135deg,#ffc400,#ff9b00);border:0;color:#1d1600}.content{padding:28px 34px 48px;max-width:1420px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0242f8,#0016b9 75%);color:white;border-radius:24px;padding:30px 36px;box-shadow:var(--shadow);margin-bottom:26px}.hero:after,.stat:after,.order-card:after{content:"";position:absolute;width:180px;height:180px;right:-46px;top:-70px;border-radius:50%;background:rgba(255,255,255,.08)}.hero h2{font-size:36px;margin:0 0 8px}.hero p{margin:0;color:rgba(255,255,255,.72);font-size:16px}.hero-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:20px}.status-dot{width:11px;height:11px;background:#04e678;border-radius:50%;box-shadow:0 0 0 6px rgba(4,230,120,.13);display:inline-block}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.card-title{font-size:24px;font-weight:900;margin:0}.card-subtitle{color:var(--muted);margin:4px 0 0}.stat{position:relative;min-height:142px;border-radius:18px;background:linear-gradient(135deg,#134ef8,#001bc1);color:white;padding:24px;box-shadow:var(--shadow);overflow:hidden}.stat.green{background:linear-gradient(135deg,#10b981,#0a9c68)}.stat.purple{background:linear-gradient(135deg,#bb38ff,#7011d9)}.stat.slate{background:linear-gradient(135deg,#5b6478,#24314b)}.stat.dark{background:linear-gradient(135deg,#163c5d,#102b43)}.stat .icon{font-size:26px}.stat-label{font-size:12px;letter-spacing:.28em;font-weight:900;color:rgba(255,255,255,.7);margin-top:10px}.stat-value{font-size:31px;font-weight:950;margin-top:8px}.stat-small{color:rgba(255,255,255,.72);font-size:13px;margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:900;background:#eef3ff;color:#0c3bdc}.badge.green{background:#dcfce7;color:#07915b}.badge.red{background:#fee2e2;color:#b91c1c}.badge.amber{background:#ffedd5;color:#b45309}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.gray{background:#eef0f4;color:#4b5563}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#fff;min-width:780px}th{background:linear-gradient(90deg,var(--blue-800),var(--blue-700));color:white;text-align:left;padding:16px 18px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}td{padding:18px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.code{display:inline-block;background:linear-gradient(135deg,#0740e8,#0016b9);color:white;border-radius:9px;padding:8px 12px;font-weight:900;box-shadow:0 8px 20px rgba(6,37,170,.25);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.movement{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.movement:last-child{border-bottom:0}.movement-left{display:flex;gap:14px;align-items:center}.movement-icon{width:52px;height:52px;border-radius:15px;background:#dff2ff;display:grid;place-items:center;font-size:24px}.amount.negative{color:#dc2626}.amount.positive{color:#059669}.order-card{position:relative;border-radius:18px;background:linear-gradient(135deg,#0439e9,#0016b9);color:white;padding:22px;min-height:130px;overflow:hidden;box-shadow:var(--shadow)}.order-card h3{margin:8px 0 4px;font-size:23px}.order-card p{margin:0;color:rgba(255,255,255,.75)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full{grid-column:1/-1}label{font-weight:800;color:#13295d}input,select,textarea{width:100%;border:1px solid #d9e2f3;border-radius:13px;background:#fbfdff;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#356aff;box-shadow:0 0 0 4px rgba(53,106,255,.12)}textarea{min-height:120px;resize:vertical}.console{height:370px;overflow:auto;background:#071225;color:#dff7ff;border-radius:18px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap}.api-grid{display:grid;grid-template-columns:310px 1fr;gap:18px}.endpoint-list{display:flex;flex-direction:column;gap:8px}.endpoint{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;cursor:pointer}.endpoint.active{border-color:#2463ff;box-shadow:0 0 0 4px rgba(36,99,255,.12)}.method{font-size:11px;font-weight:950;padding:4px 7px;border-radius:7px;margin-right:8px}.method.get{background:#dbeafe;color:#1d4ed8}.method.post{background:#dcfce7;color:#047857}.method.delete{background:#fee2e2;color:#b91c1c}.alert{padding:15px 17px;border-radius:15px;margin:0 0 18px;border:1px solid #fee2a8;background:#fff7ed;color:#713f12}.alert strong{color:#7c2d12}.kbd{padding:2px 7px;border-radius:6px;background:#eef2ff;border:1px solid #dfe5ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.split-actions{display:flex;gap:10px;flex-wrap:wrap}.progress{height:10px;background:#edf2ff;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#0b39f2,#0cc976);border-radius:inherit}.timeline{border-left:3px solid #dbeafe;margin-left:12px;padding-left:22px}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-32px;top:3px;width:17px;height:17px;border-radius:50%;background:#0b39f2;border:4px solid #eaf0ff}.footer-note{margin-top:24px;color:var(--muted);font-size:13px}.responsive-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mobile-menu{display:none}@media(max-width:980px){:root{--sidebar:0}.app-shell{display:block}.sidebar{position:fixed;left:-310px;width:290px;transition:.2s;z-index:50}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.content{padding:20px}.topbar{padding:18px 20px}.grid.two,.grid.three,.grid.four,.form-grid,.api-grid{grid-template-columns:1fr}.hero h2{font-size:28px}.stat-value{font-size:26px}.top-actions{width:100%}.topbar-row{align-items:flex-start}}