:root{--app-bg: #f8fafc;--app-bg-gradient: radial-gradient(at 0% 0%, rgba(59, 130, 246, .05) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(99, 102, 241, .05) 0px, transparent 50%), #f8fafc;--app-header-bg: rgba(255, 255, 255, .85);--app-header-border: rgba(226, 232, 240, .8);--app-card-bg: rgba(255, 255, 255, .95);--app-card-border: #e2e8f0;--app-card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .04), 0 2px 6px -1px rgba(0, 0, 0, .02);--app-card-shadow-hover: 0 14px 28px -4px rgba(0, 0, 0, .09), 0 6px 12px -2px rgba(0, 0, 0, .04);--app-text-main: #0f172a;--app-text-sub: #475569;--app-text-muted: #94a3b8;--app-accent: #3b82f6;--app-surface-subtle: #f1f5f9;--app-code-bg: #f1f5f9;--app-stat-bg: rgba(255, 255, 255, .9);color-scheme:light}html.dark{--app-bg: #090d16;--app-bg-gradient: radial-gradient(at 0% 0%, rgba(59, 130, 246, .12) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(99, 102, 241, .1) 0px, transparent 50%), #090d16;--app-header-bg: rgba(15, 23, 42, .85);--app-header-border: rgba(255, 255, 255, .08);--app-card-bg: rgba(26, 34, 52, .85);--app-card-border: rgba(255, 255, 255, .08);--app-card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .45);--app-card-shadow-hover: 0 14px 32px -4px rgba(0, 0, 0, .65), 0 0 0 1px rgba(96, 165, 250, .25);--app-text-main: #f8fafc;--app-text-sub: #94a3b8;--app-text-muted: #64748b;--app-accent: #60a5fa;--app-surface-subtle: rgba(255, 255, 255, .04);--app-code-bg: rgba(0, 0, 0, .28);--app-stat-bg: rgba(26, 34, 52, .85);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100vw}body{background:var(--app-bg-gradient);color:var(--app-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}::-webkit-scrollbar-track{background:transparent}.glass-header{background:var(--app-header-bg)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--app-header-border)}.modern-card{background:var(--app-card-bg)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--app-card-border)!important;border-radius:12px!important;box-shadow:var(--app-card-shadow)!important;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease!important}.modern-card:hover{box-shadow:var(--app-card-shadow-hover)!important}.latest-badge{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;font-weight:600;box-shadow:0 2px 8px #10b98159}.force-badge{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;font-weight:600;box-shadow:0 2px 8px #ef444459}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-table-hint{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--app-accent);padding:6px 8px;margin-bottom:6px;background:var(--app-surface-subtle);border-radius:6px;font-weight:500;letter-spacing:.2px}.el-dialog{max-width:calc(100vw - 20px)!important;box-sizing:border-box!important}.el-dialog__body{word-break:break-word;overflow-wrap:anywhere}@media(max-width:768px){html,body{padding-bottom:env(safe-area-inset-bottom,12px)}button,a,.el-button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.el-input__inner,.el-textarea__inner,input,select,textarea{font-size:16px!important}.el-dialog{margin:16px auto!important;border-radius:14px!important}.el-dialog__header{padding:16px 16px 10px!important}.el-dialog__body{padding:14px 16px!important}.el-dialog__footer{padding:10px 16px 16px!important}.el-message{max-width:calc(100vw - 32px)!important;min-width:240px!important}.el-message-box{max-width:calc(100vw - 28px)!important;width:92%!important;border-radius:14px!important}}
