/*!
 * SR-DevBox 开发者效率工具箱
 *
 * @author     Zhu Rui
 * @website    https://srdevbox.com
 * @email      30501250@qq.com
 * @copyright  © 2026 Zhu Rui. All Rights Reserved.
 *
 * 本文件及其相关代码为 SR-DevBox 项目的组成部分，版权归作者 Zhu Rui 所有。
 * 未经书面许可，禁止以任何形式复制、修改、分发或用于商业目的。
 *
 * This file is part of the SR-DevBox project.
 * Copyright (c) 2026 Zhu Rui. All rights reserved.
 * Unauthorized copying, modification, distribution, or commercial use is prohibited.
 */*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,Microsoft YaHei,sans-serif;background:#0d1117;color:#e6edf3;overflow:hidden;height:100vh}#page-content{display:flex;height:100vh;width:100vw}.sidebar{width:220px;min-width:220px;background:#161b22;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:20px 0}.sidebar-logo{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.sidebar-logo span:first-child{font-size:22px}.nav-item{padding:10px 20px;display:flex;align-items:center;gap:12px;font-size:13.5px;color:#8b949e;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{color:#e6edf3;background:rgba(255,255,255,.03)}.nav-item.active{color:#e6edf3;background:rgba(88,166,255,.06);border-left-color:#58a6ff}.floating-panel{position:fixed;top:20px;right:20px;width:250px;background:rgba(22,27,34,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;z-index:1100;box-shadow:0 10px 30px #0006;color:#e6edf3;display:flex;flex-direction:column;gap:12px;font-family:inherit;transition:all .3s cubic-bezier(.1,.9,.2,1)}.floating-panel.collapsed{width:110px;padding:10px;background:rgba(22,27,34,.95)}.panel-title{font-size:11px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.control-group{display:flex;flex-direction:column;gap:4px}.control-label-row{display:flex;justify-content:space-between;font-size:10.5px;color:#8b949e}.control-slider{width:100%;accent-color:#58a6ff;height:4px;border-radius:2px;outline:none;border:none;cursor:pointer;background:rgba(255,255,255,.15)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f4f6f9}.top-header{padding:14px 28px;border-bottom:1px solid #e1e4e8;display:flex;align-items:center;justify-content:space-between;background:#ffffff;flex-shrink:0;box-shadow:0 1px 3px #00000008}.search-box{position:relative}.search-input{background:#f6f8fa;border:1px solid #d0d7de;color:#24292f;padding:8px 14px 8px 36px;border-radius:8px;width:280px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#0969da;box-shadow:0 0 0 3px #0969da26}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5;color:#57606a}.user-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#f6f8fa;border:1px solid #d0d7de;font-size:13px;color:#24292f}.page-body{padding:28px;overflow-y:auto;flex:1}.page-title{font-size:22px;font-weight:700;margin-bottom:22px;display:flex;align-items:center;gap:10px;color:#1f2328}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stat-card{border-radius:12px;padding:18px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-card.white-card{background:#ffffff;color:#24292f;border:1px solid #e1e4e8;box-shadow:0 2px 8px #00000005}.stat-card.white-card .stat-label{color:#57606a}.stat-card.white-card .stat-change{color:#1a7f37}.stat-card.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;box-shadow:0 4px 15px #8b5cf633}.stat-card.gradient-purple .stat-label{color:#ffffffd9}.stat-card.gradient-purple .stat-change{color:#fff;font-weight:600}.stat-card.gradient-orange{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;box-shadow:0 4px 15px #f59e0b33}.stat-card.gradient-orange .stat-label{color:#ffffffd9}.stat-card.gradient-orange .stat-change{color:#fff;font-weight:600}.stat-label{font-size:12px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.5px}.stat-change{font-size:11.5px;margin-top:6px}.section-title{font-size:16px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e1e4e8;display:flex;align-items:center;gap:8px;color:#1f2328}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:12.5px;color:#57606a;font-weight:500}.form-input,.form-select,.form-textarea{background:#ffffff;border:1px solid #d0d7de;color:#24292f;padding:9px 13px;border-radius:8px;font-size:13.5px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0969da;box-shadow:0 0 0 3px #0969da26}.form-select{cursor:pointer}.form-select option{background:#ffffff;color:#24292f}.form-textarea{resize:vertical;min-height:70px}.form-actions{display:flex;gap:10px;align-items:center}.form-btn{padding:9px 22px;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-size:13px;font-family:inherit;transition:all .2s}.form-btn-primary{background:#0969da;color:#fff}.form-btn-primary:hover{background:#1a7f37}.form-btn-outline{background:#ffffff;color:#57606a;border:1px solid #d0d7de}.form-btn-outline:hover{color:#24292f;border-color:#8c959f;background:#f6f8fa}.data-table{width:100%;border-collapse:collapse;background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e1e4e8;box-shadow:0 2px 8px #00000005;color:#24292f}.data-table th{background:#f6f8fa;padding:11px 16px;text-align:left;font-size:11.5px;font-weight:600;color:#57606a;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #e1e4e8}.data-table td{padding:11px 16px;font-size:13.5px;border-bottom:1px solid #eef1f4}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f6f8fa}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11.5px;font-weight:500}.badge-green{background:rgba(31,127,55,.12);color:#1a7f37}.badge-yellow{background:rgba(154,103,0,.12);color:#9a6700}.badge-red{background:rgba(207,34,46,.12);color:#cf222e}.badge-blue{background:rgba(9,105,218,.12);color:#0969da}#glass-label{position:fixed;z-index:1001;pointer-events:none;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .6s}#glass-label.visible{opacity:1}.gl-text{display:block;font-size:15px;font-weight:600;color:#ffffffd9;text-shadow:0 1px 8px rgba(0,0,0,.5);letter-spacing:1px}.gl-hint{display:block;font-size:11px;color:#ffffff73;margin-top:3px;letter-spacing:.5px}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0d1117;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity .5s}#loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{width:36px;height:36px;border:3px solid rgba(88,166,255,.2);border-top-color:#58a6ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:#8b949e}