html,body{color:#0b1220;background:#f6f8fc;min-height:100%;margin:0;padding:0;font-family:Arial,sans-serif}#app-root{min-height:100vh}.app{background:#fff;border:1px solid #d7ddea;border-radius:10px;max-width:1020px;margin:40px auto;padding:24px}.app-dashboard{box-sizing:border-box;background:#f6f8fc;border:0;border-radius:0;width:100%;max-width:none;min-height:100vh;margin:0;padding:16px}h1{margin-top:0}.status{color:#0284c7}.panel{background:#fff;border:1px solid #d7ddea;border-radius:8px;margin-top:18px;padding:16px}.tabs-shell{margin-top:18px}.tabs{border-bottom:1px solid #d7ddea;gap:4px;padding-left:6px;display:flex}.tab-button{cursor:pointer;color:#3b4760;background:#eef2ff;border:1px solid #d7ddea;border-bottom:0;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:-1px;padding:9px 16px;font-size:14px}.tab-button:hover{background:#f1f4ff}.tab-button.active{color:#0b1220;background:#fff;border-color:#d7ddea}.panel h2{margin:0 0 12px;font-size:18px}#login-panel,#register-panel{border-top-left-radius:0;margin-top:0}.form{gap:10px;margin-bottom:12px;display:grid}label{gap:6px;font-size:14px;display:grid}input,textarea,button{box-sizing:border-box;color:#0b1220;background:#fff;border:1px solid #d7ddea;border-radius:6px;padding:10px;font-size:14px}button{cursor:pointer;color:#fff;background:#2563eb;border:none}button:hover{background:#1d4ed8}.row-actions{flex-wrap:wrap;gap:10px;display:flex}.ghost{color:#3b4760;background:#eef2ff;border:1px solid #d7ddea}.ghost:hover{background:#f1f4ff}textarea{resize:vertical;width:100%}.small{color:#667085;margin-top:0;font-size:13px}.alert-message{border:1px solid #d7ddea;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.3}.alert-error{color:#dc2626;background:#fff2f2;border-color:#f3c1c1}.alert-info{color:#0284c7;background:#eff8ff;border-color:#bae1f7}.alert-success{color:#16a34a;background:#f0fdf4;border-color:#bce7c6}.alert-warning{color:#d97706;background:#fffbeb;border-color:#f4d9ac}.hidden-token-note{margin-top:14px}.dashboard-panel{margin-top:18px}.dashboard-shell{grid-template-columns:260px 1fr;gap:12px;height:calc(100vh - 112px);margin-top:18px;display:grid}.dashboard-sidebar{background:#fff;border:1px solid #d7ddea;border-radius:8px;min-height:320px;padding:12px}.sidebar-title{margin:0 0 8px;font-size:18px}.nav-group{gap:6px;margin-top:10px;display:grid}.nav-group-title{color:#667085;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.nav-item{text-align:left;color:#3b4760;background:#eef2ff;border:1px solid #d7ddea}.nav-child{margin-left:10px}.nav-item.active{color:#fff;background:#2563eb;border-color:#2563eb}.nav-footer{margin-top:16px}.dashboard-content{height:100%;min-height:320px}.dashboard-content-panel{min-height:calc(100% - 2px);margin-top:0}.methods-block{background:#eef2ff;border:1px solid #d7ddea;border-radius:8px;margin-top:14px;padding:12px}.ui-container-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.ui-container-head-right{align-items:center;display:flex}.ui-container-title{color:#0b1220;margin:0;font-size:16px}.ui-container-subtitle{color:#667085;margin:0 0 10px;font-size:13px}.methods-block-title{color:#0b1220;margin:0 0 8px;font-size:16px}.methods-layout,.dashboard-section-layout{width:100%;max-width:820px;margin:0 auto}.methods-table-wrap{margin-top:10px;overflow-x:auto}.methods-table{border-collapse:collapse;width:100%}.methods-table th,.methods-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #d7ddea;padding:8px}.methods-table th{color:#3b4760;font-size:13px;font-weight:600}.data-table-container{background:#eef2ff;border:1px solid #d7ddea;border-radius:8px;margin-top:12px;padding:12px}.data-table-shell{margin-top:6px}.data-table-head{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px;display:flex}.data-table-title{margin:0;font-size:15px}.data-table-search{width:260px;max-width:100%}.data-table-sort-btn{color:#3b4760;background:0 0;border:0;padding:0;font-size:13px}.data-table-sort-btn:hover{color:#0b1220;background:0 0}.data-table-footer{align-items:center;margin-top:8px}.modal-backdrop{backdrop-filter:blur(2px);z-index:50;background:#0b122070;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #d7ddea;border-radius:10px;width:min(520px,100vw - 40px);padding:16px;overflow-x:hidden;box-shadow:0 18px 42px #0b122047}.modal-card-wide{width:min(860px,100vw - 40px)}.modal-card h4{margin:0 0 10px}.modal-card .row-actions{justify-content:flex-end;margin-top:10px}.token-output{width:100%;max-width:100%;min-height:78px}.token-output-hidden{color:#667085}.token-timer{color:#3b4760;white-space:nowrap;font-size:12px}.echart-canvas{width:100%;height:260px;margin-top:8px}