#app{height:100%;width:100%}html,body,#app{height:100%;margin:0;padding:0;background:linear-gradient(180deg,#0b10200%,#0a1430100%);color:#e6e8eb;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#3dd9c959;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3dd9c98c}.page-container{padding:16px;height:calc(100vh - 64px);overflow:auto}.panel{background:#101935d9;border:1px solid rgba(61,217,201,.2);border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{color:#3dd9c9;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,#3dd9c9,#2bbaab);border-radius:2px}.text-primary{color:#3dd9c9}.text-success{color:#18a058}.text-warning{color:#f0a020}.text-error{color:#d03050}.text-muted{color:#a3a8b3}