:root{--bg-0:#14161f;--bg-1:#1c1e2a;--bg-2:#242634;--bg-3:#2c2e3e;--bg-4:#34364a;--text-0:#f0f1f5;--text-1:#d4d6de;--text-2:#a0a3b0;--text-3:#7a7d8c;--border:#34364a;--border-light:#282a38;--accent:#6c8cff;--accent-hover:#8ba3ff;--accent-dim:#6c8cff1f;--green:#3dd68c;--green-dim:#3dd68c1f;--red:#f66;--red-dim:#ff66661f;--yellow:#fb0;--yellow-dim:#ffbb001f;--radius:10px;--radius-sm:6px;--radius-xs:4px;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--mono:"SF Mono","Fira Code","Consolas",monospace;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-0);color:var(--text-0);font-family:var(--font);line-height:1.6}code{font-family:var(--mono)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;justify-content:center;outline:none;padding:7px 14px;transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px #6c8cff40}.btn-secondary:hover:not(:disabled){background:var(--bg-4)}.btn-ghost{background:#0000;border:1px solid var(--border);color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--bg-3);border-color:var(--text-3);color:var(--text-1)}.btn-danger{background:var(--red-dim);border:1px solid #ff666659;color:var(--red)}.btn-danger:hover:not(:disabled){background:#f663;border-color:#ff66668c}.btn-success{background:var(--green-dim);color:var(--green)}.btn-success:hover:not(:disabled){background:#3dd68c33}.btn-cyan{background:#1677ff14;border:1px solid #1677ff4d;color:#1677ff}.btn-cyan:hover:not(:disabled){background:#1677ff33;border-color:#1677ff80;color:#1677ff}.btn-warning{background:var(--yellow-dim);color:var(--yellow)}.btn-warning:hover:not(:disabled){background:#fb03}.btn-link{background:none;border:none;color:var(--text-2);cursor:pointer;font-size:13px;padding:0}.btn-link:hover:not(:disabled){color:var(--accent);text-decoration:underline}.btn-sm,.btn-xs{font-size:12px;padding:4px 10px}.btn-icon{border-radius:8px;height:32px;padding:0;width:32px}.input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:8px 12px;transition:var(--transition);width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text-3)}select.input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c5f6e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);padding:20px;transition:var(--transition)}.card:hover{border-color:var(--border)}.table{border-collapse:collapse;width:100%}.table td,.table th{font-size:13px;padding:12px 16px;text-align:left;white-space:nowrap}.table th{background:var(--bg-2);color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table td,.table th{border-bottom:1px solid var(--border-light)}.table td{color:var(--text-1)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-2)}.spinner{animation:spin .6s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:16px;width:16px}.spinner-lg{border-width:2.5px;height:28px;width:28px}.loading{align-items:center;display:inline-flex;gap:8px}.loading-center{color:var(--text-2);font-size:14px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tag{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 8px}.tag-green,.tag-success{background:var(--green-dim);color:var(--green)}.tag-danger,.tag-red{background:var(--red-dim);color:var(--red)}.tag-warning,.tag-yellow{background:var(--yellow-dim);color:var(--yellow)}.tag-muted{background:var(--bg-3);color:var(--text-3)}.tag-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px}.form-hint{margin-top:4px}@media (max-width:768px){.card{padding:16px}.btn{font-size:13px;padding:8px 16px}.table td,.table th{font-size:12px;padding:10px 12px}}.login-container{align-items:center;background:var(--bg-0);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.gradient-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.orb-1{animation-delay:0s;background:var(--accent);height:300px;left:-50px;top:-50px;width:300px}.orb-2{animation-delay:2s;background:var(--green);bottom:-50px;height:250px;right:-50px;width:250px}.orb-3{animation-delay:4s;background:var(--accent);height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}.login-card{animation:slideUp .4s ease-out;background:var(--bg-1);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);max-width:380px;padding:36px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:var(--accent);font-size:24px;font-weight:700;margin-bottom:6px}.login-header p{color:var(--text-3);font-size:13px}.login-form{display:flex;flex-direction:column;gap:16px}.captcha-row{align-items:center;display:flex;gap:10px}.captcha-input{flex:1 1}.captcha-image{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;height:40px;justify-content:center;min-width:120px;overflow:hidden;transition:border-color .2s}.captcha-image:hover{border-color:var(--accent)}.captcha-image svg{height:100%;width:100%}.error-message{animation:shake .3s ease;background:var(--red-dim);border:1px solid var(--red);border-radius:var(--radius-sm);color:var(--red);font-size:12px;padding:10px 12px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.btn-block{box-sizing:border-box;font-size:14px;height:40px;margin-top:8px;padding:10px}.btn-block:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-block .loading{height:100%;justify-content:center}.btn-block .loading .dot{background:#fff;height:5px;width:5px}.login-footer{border-top:1px solid var(--border-light);margin-top:20px;padding-top:16px;text-align:center}.login-footer p{color:var(--text-3);font-size:11px}@media (max-width:768px){.login-card{padding:28px 20px}.login-header h1{font-size:20px}.gradient-orb{filter:blur(60px);opacity:.1}.orb-1,.orb-2,.orb-3{height:200px;width:200px}}.layout{display:flex;min-height:100vh}.sidebar{background:var(--bg-1);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition);z-index:100}.sidebar.open{width:220px}.sidebar.closed{width:60px}.sidebar.closed .sidebar-header{justify-content:center;padding:16px 12px}.sidebar.closed .sidebar-toggle{margin:0}.sidebar.closed .sidebar-header h2{display:none}.sidebar.closed .sidebar-nav{align-items:center;padding:16px 8px}.sidebar.closed .nav-item{height:40px;justify-content:center;min-height:40px;padding:0;width:40px}.sidebar.closed .nav-item span:not(.nav-icon){display:none}.sidebar.closed .sidebar-footer{justify-content:center;padding:16px 8px}.sidebar.closed .current-user{justify-content:center;padding:8px}.sidebar.closed .current-user .user-info{display:none}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:20px 16px}.sidebar-header h2{color:var(--accent);font-size:16px;font-weight:700;overflow:hidden;white-space:nowrap}.sidebar-toggle{align-items:center;background:var(--bg-3);border:none;border-radius:6px;color:var(--text-2);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:var(--transition);width:28px}.sidebar-toggle:hover{background:var(--bg-4);color:var(--text-0)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 10px}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font);font-size:13px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:var(--transition);white-space:nowrap}.nav-item:hover{background:var(--bg-3);color:var(--text-0)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid var(--border-light);flex-shrink:0;padding:16px 10px}.current-user{align-items:center;background:var(--bg-2);border-radius:var(--radius-sm);color:var(--text-1);display:flex;font-size:13px;gap:10px;padding:10px 12px}.current-user .user-avatar{align-items:center;background:var(--accent-dim);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.current-user .user-info{display:flex;flex-direction:column;overflow:hidden}.current-user .user-name{color:var(--text-0);font-size:13px;font-weight:600}.current-user .user-role{color:var(--text-3);font-size:11px}.main-content{flex:1 1;min-height:100vh;overflow-x:hidden;padding:20px;transition:margin-left var(--transition)}.main-content.sidebar-open{margin-left:220px}.main-content.sidebar-closed{margin-left:60px}.mobile-menu-btn,.mobile-top-bar{display:none}@media (max-width:768px){.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.mobile-overlay.visible{display:block}.mobile-menu-btn{display:none!important}.mobile-top-bar{align-items:center;background:var(--bg-1);border-bottom:1px solid var(--border-light);display:flex;height:56px;left:0;padding:0 12px;position:fixed;right:0;top:0;z-index:98}.mobile-hamburger{align-items:center;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;color:var(--text-1);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font);font-size:18px;height:36px;justify-content:center;transition:var(--transition);width:36px}.mobile-hamburger:hover{background:var(--bg-4);color:var(--text-0)}.mobile-page-title{color:var(--text-0);font-size:15px;font-weight:600;left:50%;max-width:calc(100% - 190px);overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap;z-index:2}.mobile-header-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:auto;max-width:50%;overflow:hidden}.mobile-header-actions .btn,.mobile-header-actions button{border-radius:6px;flex-shrink:0;font-family:var(--font);font-size:11px;padding:4px 8px;white-space:nowrap}.mobile-header-actions .btn-primary{background:var(--accent);border:none;color:#fff}.mobile-header-actions .btn-primary:hover{background:var(--accent-hover)}.sidebar{background:var(--bg-1);border-right:none;box-shadow:var(--shadow-xl);transform:translateX(-100%);width:260px!important}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.sidebar.closed .sidebar-footer,.sidebar.closed .sidebar-header,.sidebar.closed .sidebar-nav{opacity:1;visibility:visible}.sidebar.closed .current-user .user-info,.sidebar.closed .nav-item span:not(.nav-icon),.sidebar.closed .sidebar-header h2{display:block}.sidebar.closed .nav-item{height:auto;justify-content:flex-start;min-height:auto;padding:10px 12px;width:auto}.sidebar-header{border-bottom:1px solid var(--border-light);padding:20px 16px}.sidebar-header h2{color:var(--accent);font-size:18px;font-weight:700}.sidebar-toggle{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:16px;height:32px;width:32px}.sidebar-nav{gap:4px;padding:16px 12px}.nav-item{border-radius:var(--radius-sm);font-size:14px;gap:12px;padding:12px 14px}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-icon{font-size:18px;width:24px}.sidebar-footer{border-top:1px solid var(--border-light);padding:16px 12px}.current-user{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius);padding:12px 14px}.current-user .user-avatar{font-size:16px;height:36px;width:36px}.current-user .user-name{font-size:14px}.current-user .user-role{font-size:12px}.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0;padding-top:68px}.page-header{align-items:center;background:var(--bg-0);border-bottom:1px solid var(--border-light);display:flex;gap:6px;justify-content:flex-end;margin-bottom:0;padding:0 12px;position:sticky;top:68px;z-index:10}.page-header .page-header-title h1,.page-header .page-header-title p,.page-header h1,.page-header p,.page-header>div:not(.header-actions):not(.actions-bar):not(.global-controls):not(.page-header-left):not(.controls-bar),.page-header>div>h1,.page-header>div>p,.page-subtitle{display:none!important}.page-header .header-actions{align-items:center;display:flex;gap:6px}.page-header:not(:has(.header-actions)):not(:has(.actions-bar)):not(:has(.page-header-left)):not(:has(.global-controls)){display:none!important}.page-header:has(.page-header-action){display:none!important}.page-header .btn,.page-header button{border-radius:6px;font-size:12px;padding:5px 10px;white-space:nowrap}.actions-bar,.has-back-button .back-btn,.page-header .back-btn,.page-header .page-header-left .back-btn,.page-header-action{display:none!important}.has-back-button{justify-content:flex-end}.apps-header,.mall-goods-header{display:none!important}}.toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:9999}.toast{align-items:center;animation:slideInRight .2s ease;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;font-size:13px;font-weight:500;gap:10px;max-width:380px;min-width:240px;padding:10px 14px;pointer-events:auto;transition:var(--transition)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.toast-message{color:var(--text-0);flex:1 1;font-size:13px}.toast-success{border-left:3px solid var(--green)}.toast-success .toast-icon{background:var(--green-dim);color:var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-error .toast-icon{background:var(--red-dim);color:var(--red)}.toast-warning{border-left:3px solid var(--yellow)}.toast-warning .toast-icon{background:var(--yellow-dim);color:var(--yellow)}.toast-info{border-left:3px solid var(--accent)}.toast-info .toast-icon{background:var(--accent-dim);color:var(--accent)}.toast-enter{opacity:0;transform:translateX(100%)}.toast-show{opacity:1;transform:translateX(0)}.toast-exit{opacity:0;transform:translateX(100%)}@media (max-width:768px){.toast-container{bottom:16px;left:16px;right:16px;top:auto}.toast{animation:slideUpToast .2s ease;max-width:none;min-width:auto;width:100%}@keyframes slideUpToast{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.stat-card{align-items:center;background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;gap:14px;padding:16px;transition:var(--transition)}.stat-card:hover{border-color:var(--border)}.stat-card__icon{align-items:center;background:var(--bg-2);border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.stat-card__content{flex:1 1;min-width:0}.stat-card__value{color:var(--text-0);font-size:22px;font-weight:700;line-height:1.2}.stat-card__label,.stat-card__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card__label{color:var(--text-3);font-size:12px;margin-top:2px}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{background:var(--accent-dim);border-color:var(--accent)}.stat-card--clickable:active{transform:scale(.98)}.stat-card--disabled{cursor:not-allowed;opacity:.5}.stat-card--disabled:hover{border-color:var(--border-light);transform:none}@media (max-width:768px){.stat-card{gap:10px;padding:12px}.stat-card__icon{font-size:18px;height:36px;width:36px}.stat-card__value{font-size:18px}}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.quick-access-section{padding-bottom:28px}.quick-access-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.quick-access-header h2{color:var(--text-0);font-size:16px;font-weight:600}.quick-access-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.quick-access-item{align-items:center;background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:18px 12px 14px;position:relative;transition:var(--transition);-webkit-user-select:none;user-select:none}.quick-access-item:hover{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 4px 6px -1px #0000004d;transform:translateY(-2px)}.quick-access-item__icon{font-size:28px;margin-bottom:8px}.quick-access-item__name{color:var(--text-1);font-size:12px;line-height:1.4;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quick-access-empty{background:var(--bg-1);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-3);font-size:13px;padding:32px 20px;text-align:center}.quick-access-empty a{color:var(--accent);cursor:pointer;margin-left:4px}.quick-access-empty a:hover{text-decoration:underline}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state__icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-state__title{color:var(--text-1);font-size:16px;font-weight:600;margin-bottom:6px}.empty-state__desc{color:var(--text-3);font-size:13px}.empty-state__desc a{color:var(--accent);cursor:pointer;margin:0 2px}.empty-state__desc a:hover{text-decoration:underline}.page-container{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.custom-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:1000}.custom-modal-container{animation:slideUp .2s ease;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.custom-modal-header{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.custom-modal-title{color:var(--text-0);font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-modal-close{align-items:center;background:var(--bg-3);border:none;border-radius:6px;color:var(--text-2);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:0;transition:var(--transition);width:28px}.custom-modal-close:hover{background:var(--bg-4);color:var(--text-0)}.custom-modal-container.custom-modal-lg,.custom-modal-lg .custom-modal-container{max-width:900px}.custom-modal-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px}.custom-modal-body::-webkit-scrollbar{width:4px}.custom-modal-body::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:2px}.custom-modal-body::-webkit-scrollbar-track{background:#0000}.custom-modal-footer{align-items:center;background:var(--bg-2);border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.custom-modal-footer .btn{font-size:13px;min-width:80px;padding:7px 16px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.custom-modal-overlay{align-items:center;padding:16px}.custom-modal-container{animation:slideUpMobile .3s ease;border-radius:12px;max-height:85vh;max-width:100%}.custom-modal-header{padding:14px 16px}.custom-modal-title{font-size:14px}.custom-modal-body{overflow-x:hidden;padding:16px}.custom-modal-footer{flex-direction:column-reverse;padding:12px 16px}.custom-modal-footer .btn{width:100%}.custom-modal-container input,.custom-modal-container select,.custom-modal-container textarea{box-sizing:border-box;max-width:100%}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cron-input{gap:14px}.cron-input,.cron-presets{display:flex;flex-direction:column}.cron-presets{gap:6px}.cron-presets-label{color:var(--text-2);font-size:12px;font-weight:500}.cron-preset-buttons{display:flex;flex-wrap:wrap;gap:6px}.cron-preset-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:100px;color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:11px;padding:4px 10px;transition:var(--transition);white-space:nowrap}.cron-preset-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.cron-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.cron-fields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.cron-field-unit{align-items:center;background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;padding:10px 6px}.cron-field-label{color:var(--text-3);font-size:11px;font-weight:500}.cron-field-value{align-items:center;display:flex;justify-content:center;min-height:30px}.cron-star{color:var(--text-3);font-size:18px;font-weight:700;line-height:1}.cron-number-input{-moz-appearance:textfield;background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:var(--font);font-size:14px;font-weight:600;max-width:70px;outline:none;padding:6px 4px;text-align:center;transition:var(--transition);width:100%}.cron-number-input::-webkit-inner-spin-button,.cron-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cron-number-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.cron-mode-select{background:var(--bg-3);border:1px solid var(--border);border-radius:3px;color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:10px;outline:none;padding:3px 2px;text-align:center;text-align-last:center;width:100%}.cron-mode-select:focus{border-color:var(--accent)}.cron-preview{align-items:center;background:var(--accent-dim);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.cron-preview-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.cron-preview-label{color:var(--text-2);font-size:11px;font-weight:500;white-space:nowrap}.cron-preview-text{color:var(--accent);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cron-preview-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.cron-preview-cron-label{color:var(--text-3);font-size:10px}.cron-preview-cron{background:var(--bg-2);border:1px solid var(--border-light);border-radius:3px;color:var(--text-2);font-family:var(--mono);font-size:11px;padding:2px 6px}.cron-preview-invalid{background:var(--yellow-dim);border-color:var(--yellow)}.cron-preview-invalid .cron-preview-text{color:var(--yellow)}.cron-preview-hint{background:var(--yellow-dim);border-color:var(--yellow)}.cron-every-n{align-items:center;display:flex;gap:3px}.cron-every-prefix,.cron-every-suffix{color:var(--text-3);font-size:10px;white-space:nowrap}.cron-every-prefix{font-weight:600}.cron-range-inputs{align-items:center;display:flex;gap:4px}.cron-range-input{font-size:12px;max-width:55px}.cron-range-sep{color:var(--text-3);flex-shrink:0;font-size:12px;font-weight:700}.cron-list-input{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:var(--mono);font-size:11px;max-width:120px;outline:none;padding:4px;text-align:center;transition:var(--transition);width:100%}.cron-list-input:focus{border-color:var(--accent)}@media (max-width:768px){.cron-fields{grid-template-columns:repeat(3,1fr)}.cron-preview{align-items:flex-start;flex-direction:column}}.task-form-content{display:flex;flex-direction:column;gap:16px}.textarea{font-family:var(--mono);font-size:12px;min-height:60px;resize:vertical}.radio-group{display:flex;gap:12px;margin-top:4px}.radio-item{align-items:center;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:12px;gap:6px}.radio-item input[type=radio]{accent-color:var(--accent)}.user-select-list{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px}.checkbox-item{color:var(--text-1);display:inline-flex;font-size:12px;gap:8px}select.input{cursor:pointer}.task-form-modal{max-width:800px!important}.task-form-modal .input{font-size:13px;padding:8px 12px}.task-form-modal .form-group label{font-size:12px}.task-form-modal .textarea{min-height:60px}.task-form-modal .cron-field-unit{padding:8px}.task-form-modal .cron-number-input{font-size:14px;max-width:80px;padding:6px 4px}.task-form-modal .cron-range-input{max-width:60px}.task-form-modal .cron-list-input{max-width:140px;padding:6px}.task-form-modal .cron-mode-select{font-size:12px;padding:4px 3px}.task-form-modal .btn-spinner{animation:btn-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:14px;vertical-align:middle;width:14px}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.radio-group{flex-direction:column;gap:6px}.task-form-modal{margin:0 8px;max-width:100vw!important}}.temp-result-panel{border-top:1px solid var(--border-light);margin-top:8px;padding-top:12px}.temp-result-header{align-items:center;color:var(--text-0);display:flex;font-size:13px;font-weight:600;gap:10px;margin-bottom:10px}.temp-result-status{border-radius:4px;font-size:11px;font-weight:600;padding:2px 6px}.temp-result-status.success{background:var(--green-dim);color:var(--green)}.temp-result-status.partial{background:var(--yellow-dim);color:var(--yellow)}.temp-result-status.error,.temp-result-status.failed{background:var(--red-dim);color:var(--red)}.temp-result-duration{color:var(--text-3);font-size:12px;font-weight:400}.temp-result-users{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.temp-result-user-item{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.temp-result-user-item.success{border-color:var(--green)}.temp-result-user-item.error,.temp-result-user-item.failed{border-color:var(--red)}.temp-result-user-header{align-items:center;background:var(--bg-3);border-bottom:1px solid var(--border-light);display:flex;gap:8px;padding:8px 10px}.temp-result-user-name{color:var(--text-0);font-size:12px;font-weight:600}.temp-result-user-status{font-size:11px;font-weight:500}.temp-result-user-item.success .temp-result-user-status{color:var(--green)}.temp-result-user-item.error .temp-result-user-status,.temp-result-user-item.failed .temp-result-user-status{color:var(--red)}.temp-result-user-duration{color:var(--text-3);font-size:11px;margin-left:auto}.temp-result-user-body{background:#0000;color:var(--text-1);font-family:var(--mono);font-size:11px;line-height:1.5;margin:0;max-height:150px;overflow:auto;padding:8px 10px;white-space:pre-wrap;word-break:break-all}.execution-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.execution-order-hint{color:var(--text-3);font-size:11px;font-weight:400}.toggle-slider{border-radius:20px;transition:.3s}.toggle-slider:before{background-color:var(--text-2);bottom:2px;height:16px;left:2px;transition:.3s;width:16px}.execution-order-body{border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-top:8px;overflow:hidden}.order-table-header{background:var(--bg-3);color:var(--text-2);font-size:11px;font-weight:600}.order-table-header,.order-table-row{align-items:center;border-bottom:1px solid var(--border-light);display:grid;grid-template-columns:30px 1fr 120px 80px;padding:8px 10px}.order-table-row{background:var(--bg-2);font-size:12px}.order-table-row:last-child{border-bottom:none}.order-col-index{color:var(--text-3);font-size:11px;font-weight:600}.order-col-name{align-items:center;display:flex;gap:6px}.group-badge{background:var(--accent-dim);border-radius:10px;color:var(--accent);display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.group-badge.unassigned{background:var(--bg-3);color:var(--text-3)}.group-user-count{color:var(--text-3);font-size:11px}.order-col-delay{align-items:center;display:flex;gap:4px}.delay-input{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-1);font-size:12px;padding:4px 6px;text-align:center;width:60px}.delay-input:focus{border-color:var(--accent);outline:none}.delay-unit{color:var(--text-3);font-size:11px}.order-col-actions{display:flex;gap:4px}.btn-order-arrow{align-items:center;background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-order-arrow:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-order-arrow:disabled{cursor:not-allowed;opacity:.3}.order-table-hint{background:var(--bg-2);border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px;padding:8px 10px}.email-config-section{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-top:8px;padding:12px}.email-config-section .form-group{margin-bottom:12px}.email-config-section .form-group:last-child{margin-bottom:0}.email-input-row{display:flex;gap:8px;margin-top:4px}.email-input-row .input{flex:1 1}.email-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.email-tag{align-items:center;background:var(--accent-dim);border-radius:16px;color:var(--accent);display:inline-flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s}.email-tag.default-email{background:var(--green-dim);color:var(--green)}.email-tag .remove{color:var(--text-3);cursor:pointer;font-size:16px;line-height:1;transition:color .2s}.email-tag .remove:hover{color:var(--red)}.default-badge{color:var(--text-3);font-size:11px}.form-hint a{color:var(--accent);text-decoration:none}.form-hint a:hover{text-decoration:underline}.logs-content{display:flex;flex-direction:column;gap:12px}.log-item,.logs-list{display:flex;flex-direction:column;gap:10px}.log-item{background:var(--bg-2);border-left:3px solid var(--border);border-radius:var(--radius-sm);padding:14px;transition:var(--transition)}.log-item:hover{border-color:var(--text-3)}.log-item.success{border-left-color:var(--green)}.log-item.error{border-left-color:var(--red)}.log-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.log-status{border-radius:100px;font-size:11px;font-weight:600;padding:2px 8px}.log-status.success{background:var(--green-dim);color:var(--green)}.log-status.error{background:var(--red-dim);color:var(--red)}.log-status.partial{background:var(--yellow-dim);color:var(--yellow)}.log-time{color:var(--text-3);font-size:12px}.log-body{background:var(--bg-3);border-radius:4px;padding:10px}.log-body pre{color:var(--text-1);font-family:var(--mono);font-size:11px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.log-summary{align-items:center;color:var(--text-3);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.log-summary .btn.btn-sm{font-size:11px;padding:3px 8px}.user-results{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px;position:relative}.user-results:before{background:var(--bg-2);border-radius:3px;color:var(--accent);content:"用户执行详情";font-size:10px;font-weight:600;left:10px;padding:1px 6px;position:absolute;top:-9px}.user-result-item{background:var(--bg-2);border:1px solid var(--border-light);border-radius:4px;padding:10px;transition:var(--transition)}.user-result-item:hover{border-color:var(--border)}.user-result-item.success{border-left:2px solid var(--green)}.user-result-item.error{border-left:2px solid var(--red)}.user-result-header{align-items:center;color:var(--text-3);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-bottom:6px}.user-result-name{color:var(--text-0);font-weight:600}.user-result-status{border-radius:3px;font-size:10px;padding:1px 6px}.user-result-body{color:var(--text-2);font-family:var(--mono);font-size:11px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.log-footer{color:var(--text-3);font-size:11px}.loading-center{padding:40px}.empty-state{font-size:13px;padding:40px}@media (max-width:768px){.log-header{align-items:flex-start;flex-direction:column}}.modal-overlay{animation:fadeIn .2s ease}.modal-dialog{animation:modalSlideUp .2s ease;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;max-width:420px;overflow:hidden;text-align:center;width:100%}.modal-dialog>.modal-content{flex:1 1;min-height:0;padding:28px 24px;width:100%}.modal-dialog .modal-actions{flex-shrink:0}.modal-dialog.modal-lg{max-width:700px;text-align:left}.modal-icon{font-size:40px;margin-bottom:16px}.modal-title{font-weight:600;margin-bottom:10px}.modal-message{color:var(--text-2);font-size:13px;line-height:1.7;margin-bottom:24px}.modal-actions{background:var(--bg-2);border-top:1px solid var(--border-light);gap:10px;justify-content:center;padding:16px 24px}.modal-actions .btn{flex:1 1;font-size:13px;min-width:80px;padding:8px 16px}.modal-actions .btn-outline,.modal-actions .btn-secondary{background:var(--bg-3);border:none;color:var(--text-1)}.modal-actions .btn-outline:hover,.modal-actions .btn-secondary:hover{background:var(--bg-4)}.modal-actions .btn-danger{background:var(--red);color:#fff}.modal-actions .btn-danger:hover{opacity:.9}@media (max-width:768px){.modal-overlay{align-items:center;padding:16px}.modal-dialog{animation:modalSlideUpMobile .3s ease;border-radius:12px;max-height:80vh}.modal-dialog>.modal-content{overflow-x:hidden;padding:24px 20px}.modal-actions{flex-direction:column-reverse;padding:14px 20px}.modal-actions .btn{width:100%}.modal-dialog input,.modal-dialog select,.modal-dialog textarea{box-sizing:border-box;max-width:100%}.modal-dialog>.modal-content>*{min-width:0}}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.page-container{margin:0 auto;max-width:1400px}.page-header{margin-bottom:24px}.page-header p{color:var(--text-3);font-size:13px}.loading-center{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.empty-state{color:var(--text-2);padding:60px 20px}.empty-state p{font-size:14px;margin-bottom:20px}.tasks-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.task-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden;padding:16px;transition:var(--transition)}.task-card:hover{border-color:var(--border)}.task-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.task-header h3{color:var(--text-0);flex:1 1;font-size:15px;font-weight:600}.task-status{flex-shrink:0}.status-badge{padding:3px 8px}.status-inactive{background:var(--bg-3);color:var(--text-3)}.task-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;font-size:12px;gap:8px}.info-label{color:var(--text-3);font-weight:500;min-width:50px}.info-value{word-break:break-word}.info-value,.remark-text{color:var(--text-1);flex:1 1}.remark-text{cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cron-readable{color:var(--accent);font-weight:500}.cron-raw{color:var(--text-3);font-family:var(--mono);font-size:11px;margin-left:4px}.task-actions{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}.task-actions .btn{flex:0 1 auto;font-size:12px;min-width:60px;padding:6px 10px}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}.page-header .back-btn{font-size:16px;padding:4px 8px;text-decoration:none}.page-header .header-actions{gap:6px}.page-header .header-actions .btn{font-size:12px;padding:5px 10px;white-space:nowrap}.task-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.task-actions .btn{font-size:12px;min-width:0;padding:6px 8px;width:100%}.task-actions .btn:last-child{grid-column:1/-1}}.tasks-grid.reordering{display:flex;flex-wrap:wrap;gap:8px}.reorder-tag{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:100px;box-sizing:border-box;cursor:move;display:inline-flex;font-size:12px;gap:8px;height:32px;padding:5px 12px 5px 6px;transition:var(--transition);-webkit-user-select:none;user-select:none}.reorder-tag:hover{background:var(--accent-dim);border-color:var(--accent)}.reorder-tag.dragging{border-style:dashed;opacity:.4}.reorder-tag.drag-over{background:var(--accent-dim);border-color:var(--accent);transform:translateY(-2px)}.reorder-tag-handle{align-items:center;color:var(--text-3);display:inline-flex;font-size:12px}.drag-rows{display:inline-block;line-height:1}.reorder-tag-index{align-items:center;background:var(--bg-3);border-radius:50%;color:var(--text-3);display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.reorder-tag-name{color:var(--text-0);font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reorder-tag-status{border-radius:50%;flex-shrink:0;height:6px;width:6px}.reorder-tag-status.active{background:var(--green)}.reorder-tag-status.inactive{background:var(--text-3)}@media (max-width:768px){.reorder-tag{font-size:11px;height:28px;padding:4px 10px 4px 5px}.reorder-tag-name{max-width:100px}}.apps-container{max-width:100%;padding:0}.apps-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.apps-header h1{color:var(--text-0);font-size:20px;font-weight:700}.app-header-icon{font-size:20px}.apps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.app-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;padding:16px;position:relative;transition:var(--transition)}.app-card:hover{border-color:var(--border)}.app-header{align-items:flex-start;display:flex;flex-direction:row;gap:12px;justify-content:space-between}.app-header-left{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;min-width:0}.app-card-actions{display:flex;flex-shrink:0;gap:6px;opacity:0;transition:var(--transition)}.app-card:hover .app-card-actions{opacity:1}.card-action-btn{align-items:center;background:var(--bg-3);border:none;border-radius:6px;color:var(--text-2);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:var(--transition);width:28px}.card-action-btn:hover{background:var(--accent);color:#fff}.card-action-btn.delete:hover{background:var(--red)}.app-code{background:var(--accent-dim);border-radius:4px;color:var(--accent);display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 8px;width:fit-content}.app-header h2{color:var(--text-0);font-size:16px;font-weight:600}.app-description{color:var(--text-2);font-size:12px;line-height:1.6}.app-stats{display:flex;flex-direction:row;gap:8px}.stat-item{align-items:center;background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex:1 1;justify-content:space-between;padding:10px 12px}.stat-label{color:var(--text-2);font-size:12px;font-weight:500}.stat-value{align-items:center;display:flex;gap:4px}.stat-active{color:var(--text-0);font-size:14px;font-weight:700}.stat-divider{color:var(--text-3);margin:0 2px;opacity:.3}.stat-total{color:var(--text-3);font-size:12px;opacity:.6}.badge-info .stat-active{color:var(--accent)}.badge-warning .stat-active{color:var(--yellow)}.app-footer{border-top:1px solid var(--border-light);margin-top:4px;padding-top:12px}.app-footer h4{color:var(--text-3);font-size:12px;font-weight:500;margin-bottom:10px}.button-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.app-btn{align-items:center;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;position:relative;text-decoration:none;transition:var(--transition)}.app-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-purple{background:var(--accent)}.btn-orange{background:var(--yellow);color:#000}.btn-green{background:var(--green);color:#000}.btn-blue{background:#45a0f5}.btn-add-app{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:var(--transition)}.btn-add-app:hover{background:var(--accent-hover);box-shadow:0 0 20px #6c8cff40}.apps-form-modal .modal-content{max-width:600px}.apps-form-section{margin-bottom:20px}.apps-form-section:last-child{margin-bottom:0}.apps-form-section-title{border-bottom:1px solid var(--border-light);color:var(--text-2);font-size:12px;font-weight:600;margin-bottom:14px;padding-bottom:8px}.apps-form-group{margin-bottom:14px}.apps-form-group label{color:var(--text-2);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.apps-form-group .required{color:var(--red)}.apps-form-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:8px 12px;transition:var(--transition);width:100%}.apps-form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.apps-form-input::placeholder{color:var(--text-3)}.apps-form-textarea{font-family:inherit;min-height:70px;resize:vertical}.apps-form-hint{color:var(--text-3);font-size:11px;margin-top:4px}.apps-entries-list{display:flex;flex-direction:column;gap:10px}.apps-entry-item{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 36px 12px 12px;position:relative;transition:var(--transition)}.apps-entry-item:hover{border-color:var(--border)}.apps-entry-item.default{background:var(--accent-dim);border-color:var(--accent)}.apps-entry-item-row{align-items:flex-end;display:flex;gap:10px}.apps-entry-field{display:flex;flex-direction:column;gap:4px}.apps-entry-field.name-field{flex:1 1}.apps-entry-field.link-field{flex:1.5 1}.apps-entry-field label{align-items:center;color:var(--text-3);display:flex;font-size:10px;gap:4px}.apps-entry-field .required{color:var(--red)}.apps-entry-field input{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:var(--font);font-size:12px;outline:none;padding:6px 8px;transition:var(--transition)}.apps-entry-field input:focus{border-color:var(--accent)}.apps-entry-field input::placeholder{color:var(--text-3)}.apps-entry-field input:read-only{cursor:not-allowed;opacity:.6}.apps-entry-item-badge{background:var(--accent-dim);border-radius:3px;color:var(--accent);font-size:9px;font-weight:600;padding:1px 5px}.apps-entry-action-btn{align-items:center;background:var(--bg-3);border:none;border-radius:4px;color:var(--text-2);cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;min-width:24px;transition:var(--transition);width:24px}.apps-entry-action-btn.delete{opacity:.6;position:absolute;right:6px;top:6px}.apps-entry-item:hover .apps-entry-action-btn.delete{opacity:1}.apps-entry-action-btn:hover{background:var(--accent);color:#fff}.apps-entry-action-btn.delete:hover{background:var(--red)}.apps-entry-action-btn:disabled{cursor:not-allowed;opacity:.3}.apps-entry-action-btn:disabled:hover{background:var(--bg-3);color:var(--text-2)}.btn-add-entry{align-items:center;background:none;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font);font-size:12px;font-weight:500;gap:6px;justify-content:center;margin-top:10px;padding:10px;transition:var(--transition);width:100%}.btn-add-entry:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.apps-delete-confirm p{color:var(--text-2);font-size:13px;line-height:1.6;margin-bottom:16px}.apps-delete-info{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:20px;padding:12px 16px}.apps-delete-name{color:var(--text-0);font-size:16px;font-weight:600;margin-bottom:4px}.apps-delete-desc{color:var(--text-3);font-size:12px}.apps-delete-input-group{margin-top:16px}.apps-delete-input-group label{color:var(--text-2);display:block;font-size:13px;line-height:1.5;margin-bottom:8px}.apps-delete-input-group label strong{color:var(--red);font-weight:600}.apps-confirm-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.apps-confirm-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.apps-confirm-input.success{background:var(--green-dim);border-color:var(--green)}.apps-confirm-input.error{background:var(--red-dim);border-color:var(--red)}@media (max-width:768px){.apps-grid{grid-template-columns:1fr}.app-card-actions{opacity:1}.button-group{grid-template-columns:1fr}.apps-entry-item-row{align-items:stretch;flex-direction:column}.apps-entry-field.link-field,.apps-entry-field.name-field{flex:none;width:100%}}.user-form{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.user-form-modal{display:flex;flex-direction:column;gap:0;width:100%}.user-form-modal .form-group{margin-bottom:16px;width:100%}.user-form-modal .form-group:last-child{margin-bottom:0}.user-form-modal label{color:var(--text-2);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.user-form-modal .input{box-sizing:border-box;width:100%}.form-hint{font-weight:400}.users-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.user-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;padding:16px;transition:var(--transition)}.user-card:hover{border-color:var(--border)}.user-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-0);font-size:15px;font-weight:600;margin:0}.user-role{color:var(--text-3);font-size:12px}.user-details{background:var(--bg-2);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;padding:10px 12px}.detail-item{display:flex;font-size:12px;gap:8px}.detail-item .detail-label{color:var(--text-3);font-weight:500}.detail-item .detail-value{color:var(--text-1)}.user-actions{border-top:1px solid var(--border-light);display:flex;gap:6px;padding-top:12px}.user-actions .btn{flex:1 1;font-size:12px;padding:6px 10px}@media (max-width:768px){.user-form,.users-grid{grid-template-columns:1fr}.user-card{min-width:0}.user-actions{flex-wrap:wrap}.user-actions .btn{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.user-actions{flex-direction:column}.user-actions .btn{flex:1 1;width:100%}}.app-users-table td,.app-users-table th{vertical-align:middle;white-space:nowrap}.app-users-table .text-secondary{color:var(--text-3);font-size:11px}.app-users-table .text-center{color:var(--text-3);padding:40px 12px;text-align:center}.app-user-form-modal{max-width:520px}.app-user-form-modal .form-group-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.app-user-form-modal .form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:0}.app-user-form-modal .form-group label{align-items:center;color:var(--text-1);display:flex;font-size:12px;font-weight:500;gap:4px}.app-user-form-modal .form-group .input,.app-user-form-modal .form-group textarea.input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:var(--transition);width:100%}.app-user-form-modal .form-group .input:focus,.app-user-form-modal .form-group textarea.input:focus{background:var(--bg-3);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.app-user-form-modal .vsky-form-section{border-bottom:1px dashed var(--border-light);margin-bottom:18px;padding-bottom:16px}.app-user-form-modal .vsky-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.app-user-form-modal .divider,.app-user-form-modal .vsky-form-section-title{align-items:center;background:#0000;border:none;border-left:3px solid var(--accent);color:var(--text-1);display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:0;line-height:1.4;margin:0 0 12px;padding:0 0 0 8px;text-transform:none}.app-user-form-modal .custom-fields-list{display:flex;flex-direction:column;gap:6px}.group-tag{background:var(--accent-dim);border:1px solid var(--accent);border-radius:3px;color:var(--accent);display:inline-block;font-size:10px;padding:2px 7px}.group-tag-empty{color:var(--text-3);font-size:11px}.mileage-merged{display:flex;flex-direction:column;gap:3px;min-width:140px}.mileage-progress-row{align-items:center;display:flex;gap:5px}.mileage-current{font-feature-settings:"tnum";color:var(--text-0);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;text-align:left;white-space:nowrap}.mileage-target{font-feature-settings:"tnum";color:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums;font-weight:400;white-space:nowrap}.mileage-sep{color:var(--text-3);font-size:12px}.mileage-pct{font-feature-settings:"tnum";color:var(--text-3);font-size:10px;font-variant-numeric:tabular-nums;font-weight:600;min-width:30px;text-align:right;white-space:nowrap}.mileage-pct.done{color:var(--cyan)}.progress-bar-outer{background:var(--bg-3);border-radius:100px;flex:1 1;height:4px;min-width:40px;overflow:hidden}.progress-bar-inner{border-radius:100px;height:100%;transition:width .5s ease}.progress-bar-inner.low{background:var(--accent)}.progress-bar-inner.mid{background:var(--yellow)}.progress-bar-inner.high{background:var(--green)}.progress-bar-inner.done{background:var(--cyan)}.mileage-progress-label{color:var(--text-3);font-size:9px;line-height:1.2}.mileage-na-text{color:var(--text-3);font-size:10px;margin-left:3px}.card-mileage-row .user-card-value{min-width:0}.card-mileage-row .mileage-current{font-size:14px}.card-mileage-row .mileage-progress-label{font-size:9px}.status-badge{cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none}.status-inactive{background:var(--red-dim);color:var(--red)}.status-completed{background:var(--cyan-dim);color:var(--cyan)}.table-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.table-actions .btn{align-items:center;box-sizing:border-box;display:inline-flex;font-size:11px;gap:3px;height:26px;justify-content:center;min-width:70px;padding:4px 8px;text-align:center;white-space:nowrap}.custom-select-wrapper{min-width:130px;position:relative}.custom-select-trigger{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);cursor:pointer;display:flex;font-family:var(--font);font-size:12px;gap:6px;justify-content:space-between;outline:none;padding:6px 12px;transition:var(--transition);width:100%}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.4}.custom-select-trigger:hover:not(:disabled){border-color:var(--text-3)}.custom-select-wrapper.open .custom-select-trigger{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.custom-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-value.placeholder{color:var(--text-3)}.custom-select-arrow{color:var(--text-3);font-size:10px;line-height:1;transition:transform .2s}.custom-select-wrapper.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:3px;position:absolute;right:0;top:calc(100% + 3px);z-index:100}.custom-select-option{border-radius:3px;color:var(--text-1);cursor:pointer;font-size:12px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;transition:var(--transition);white-space:nowrap}.custom-select-option:hover{background:var(--bg-2)}.custom-select-option.selected{background:var(--accent-dim);color:var(--accent);font-weight:500}.target-alert{background:var(--green-dim);border:1px solid var(--green);border-radius:var(--radius-sm);color:var(--green);font-size:12px;line-height:1.6;margin-bottom:14px;padding:10px 14px}.target-details{color:var(--text-1);font-size:12px}.target-stopped-list{list-style:none;padding:0}.target-stopped-list li{color:var(--text-2);font-size:11px;line-height:1.5;margin-bottom:4px}.field-config-modal{max-width:480px}.field-config-desc{color:var(--text-2);font-size:12px;margin-bottom:14px}.fields-config-list{display:flex;flex-direction:column;gap:6px}.field-config-row{align-items:center;display:flex;gap:6px}.field-config-row .input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);flex:1 1;font-family:var(--font);font-size:12px;outline:none;padding:5px 8px}.field-config-row .input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.btn-secondary{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:12px;padding:6px 14px}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-block{width:100%}.header-actions .custom-select-trigger{box-sizing:border-box;font-size:13px;font-weight:500;height:36px;padding:0 14px}.header-actions .btn{box-sizing:border-box;height:36px}.mobile-cards,.mobile-only{display:none}.desktop-only{display:block}.table-responsive{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-cards{display:flex!important;flex-direction:column;gap:10px;padding:10px}.user-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px}.user-card-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.user-card-info{flex:1 1}.user-card-name{color:var(--text-0);font-size:14px;font-weight:600;margin-bottom:2px}.user-card-memberNo{color:var(--text-3);font-family:var(--mono);font-size:11px}.user-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.user-card-row{align-items:center;display:flex;justify-content:space-between}.user-card-label{color:var(--text-3);font-size:12px}.user-card-value{align-items:center;color:var(--text-1);display:flex;font-size:12px;gap:4px}.user-card-sync{color:var(--text-3);font-size:10px;margin-top:3px}.user-card-actions{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.user-card-actions .btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;gap:3px;height:26px;justify-content:center;line-height:26px;min-width:70px;padding:0 8px}.user-card-actions .btn,.user-card-actions .btn-danger{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1}.page-header-left{display:none}.page-header{border-bottom:1px solid var(--border-light);gap:8px;margin-bottom:0;padding:10px;position:static}.header-actions{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:4px;width:100%}.header-actions::-webkit-scrollbar{height:4px}.header-actions::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.header-actions .custom-select-wrapper{flex-shrink:0;max-width:none;width:auto}.header-actions .custom-select-trigger{border:1px solid var(--border);border-radius:6px}.header-actions .btn,.header-actions .custom-select-trigger{font-size:13px;padding:8px 12px;white-space:nowrap;width:auto}.header-actions .btn{flex-shrink:0;justify-content:center;text-align:center}.header-actions .btn-primary{background:var(--accent);color:#fff}.app-users-tabs{flex-wrap:nowrap;overflow-x:auto}.filters-card{margin-bottom:10px;padding:12px}.filters-card.collapsed{padding:12px}.filters-card.collapsed .filters-row{display:none}.filters-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.filter-item input,.filter-item select{font-size:13px;min-width:0;width:100%}.filter-item .custom-select-wrapper{min-width:0;width:100%}.filter-actions{grid-column:span 2}.filter-actions .btn{font-size:13px;padding:8px 12px;width:100%}.filters-header{align-items:center;display:flex!important;gap:6px;margin-bottom:0}.filters-toggle{background:var(--accent);border-color:var(--accent);color:#fff;font-size:12px;font-weight:500;padding:5px 12px}.filters-title{color:var(--text-0);font-size:14px;font-weight:600}}.appusers-tab-bar{border-bottom:1px solid var(--border-light);display:flex;gap:4px;margin:0 0 18px;padding:0}.appusers-tab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:var(--text-2);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:10px 18px;transition:var(--transition)}.appusers-tab:hover{background:var(--bg-2);color:var(--text-0)}.appusers-tab.active{background:#0000;border-bottom-color:var(--accent);color:var(--accent)}.appusers-embedded-toolbar{align-items:center;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0;padding:14px 20px}.appusers-embedded-toolbar-left{display:flex;flex-direction:column;gap:4px;min-width:0}.appusers-embedded-title{color:var(--text-0);font-size:16px;font-weight:600}.appusers-embedded-hint{color:var(--text-3);font-size:12px}.appusers-embedded-toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}@media (max-width:768px){.table-container{background:#0000;border-radius:0;box-shadow:none;overflow:visible}}.app-users-tabs{border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:20px}.app-users-tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-2);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:all .2s;white-space:nowrap}.app-users-tabs .tab-btn:hover{color:var(--accent)}.app-users-tabs .tab-btn.active{border-bottom-color:var(--accent);color:var(--accent)}.app-users-tabs .tab-count{align-items:center;background:var(--bg-3);border-radius:10px;color:var(--text-2);display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.app-users-tabs .tab-btn.active .tab-count{background:var(--accent-dim);color:var(--accent)}.new-codes-banner{background:var(--green-dim);border:1px solid #3dd68c4d;border-radius:12px;margin-bottom:24px;padding:20px}.new-codes-banner .banner-header{align-items:center;color:var(--green);display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:16px}.new-codes-banner .btn-close-banner{background:none;border:none;color:var(--green);cursor:pointer;font-size:18px;padding:4px}.new-codes-list{display:flex;flex-direction:column;gap:10px}.new-code-item{align-items:center;background:var(--bg-2);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.new-code-item .btn{box-sizing:border-box;height:26px;min-width:70px}.new-code-item .new-code-text{color:var(--green);font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:1px}.new-code-item .new-code-tag{background:var(--bg-3);border-radius:4px;color:var(--text-2);font-size:12px;padding:2px 8px}.banner-footer{margin-top:12px;text-align:right}.filter-bar{gap:8px;margin-bottom:20px}.filter-btn{background:var(--bg-3);border-radius:8px;color:var(--text-1);font-size:13px;padding:8px 16px;transition:all .2s}.filter-btn:hover{color:var(--accent)}.filter-btn.active{background:var(--accent);color:#fff}.filters-card{margin-top:12px}.filters-header{display:none}.filters-title{color:var(--text-1);font-size:13px;font-weight:600}.filters-active-dot{animation:pulse-dot 1.5s ease-in-out infinite;color:var(--accent);font-size:10px;margin-left:-4px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.filters-toggle{background:var(--bg-3);border:1px solid var(--border);border-radius:6px;color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:12px;margin-left:auto;padding:6px 12px;transition:all .2s;white-space:nowrap}.filters-toggle:hover{background:var(--accent);border-color:var(--accent);color:#fff}.filter-item .custom-select-wrapper{min-width:140px}.table-container{background:var(--bg-2);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.app-users-table th{background:var(--bg-3);border-bottom:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.app-users-table td{border-bottom:1px solid var(--border-light);color:var(--text-1);font-size:14px;padding:14px 16px}.app-users-table tr:last-child td{border-bottom:none}.app-users-table tr:hover td{background:var(--bg-3)}.app-users-table .used-row{opacity:.6}.code-value{color:var(--accent);font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.5px}.note-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.type-badge.register{background:var(--accent-dim);color:var(--accent)}.type-badge.renew{background:var(--yellow-dim);color:var(--yellow)}.expire-hint{color:var(--text-3);font-size:11px;margin-top:2px}.user-info-cell{display:flex;flex-direction:column;gap:2px}.user-info-cell .user-info-name{color:var(--text-1);font-size:13px;font-weight:500}.user-info-cell .user-info-account{color:var(--text-3);font-size:11px}.type-selector{display:flex;gap:8px}.type-btn{background:var(--bg-3);border:2px solid var(--border);border-radius:8px;color:var(--text-1);cursor:pointer;flex:1 1;font-family:var(--font);font-size:14px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s}.type-btn.active,.type-btn:hover{border-color:var(--accent);color:var(--accent)}.type-btn.active{background:var(--accent-dim)}.quick-days{display:flex;gap:8px;margin-top:8px}.quick-days button{background:var(--bg-4);border:1px solid var(--border);border-radius:6px;color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:12px;padding:4px 10px;transition:all .2s}.quick-days button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.app-users-pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.app-users-pagination .page-info,.app-users-pagination .page-jump{color:var(--text-2);font-size:12px}.app-users-pagination .page-jump{align-items:center;display:flex;gap:6px;margin-left:12px}.app-users-pagination .page-jump input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font);font-size:12px;padding:4px 6px;text-align:center}.app-users-pagination .page-jump input:focus{border-color:var(--accent);outline:none}@media (max-width:768px){.app-users-pagination{flex-wrap:wrap;gap:10px}.app-users-pagination .page-info{text-align:center;width:100%}.app-users-pagination .page-jump{margin-left:0}}.vsky-ov-stats-3{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media(max-width:480px){.vsky-ov-stats-3{grid-template-columns:repeat(1,1fr)}}.vsky-page{max-width:100vw;overflow-x:hidden;padding:0}.vsky-embedded-toolbar{align-items:center;border-bottom:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:-4px 0 14px;padding:0 0 12px}.vsky-embedded-toolbar-left{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.vsky-embedded-title{color:var(--text-0);font-size:14px;font-weight:600}.vsky-embedded-hint{color:var(--text-2);font-size:12px}.vsky-embedded-toolbar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.vsky-page .table-container{background:#0000;border-radius:0;box-shadow:none;margin-top:8px}.vsky-route-list{display:flex;flex-wrap:wrap;gap:6px}.vsky-route-tag{align-items:center;background:var(--accent-dim);border:1px solid #6c8cff33;border-radius:100px;color:var(--accent);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.vsky-route-tag .arrow{color:var(--text-3);margin:0 2px}.status-badge.vsky-hit{background:var(--accent-dim);color:var(--accent)}.vsky-log-msg{color:var(--text-1)}.vsky-log-duration{color:var(--text-3);font-size:11px;margin-left:6px}.vsky-log-cell{background:var(--bg-1)!important;padding:0!important}.vsky-log-panel{background:var(--bg-1);max-height:320px;overflow-y:auto;padding:14px 18px}.vsky-log-empty{color:var(--text-3);font-size:13px;padding:24px 0;text-align:center}.vsky-log-item{border-bottom:1px solid var(--border-light);color:var(--text-1);font-size:13px;padding:10px 0}.vsky-log-item:last-child{border-bottom:none}.vsky-log-time{color:var(--text-3);font-family:var(--mono);font-size:11px;margin-bottom:4px}.vsky-log-status{border-radius:100px;display:inline-block;font-size:11px;font-weight:600;margin-right:8px;padding:1px 8px}.vsky-log-status.hit{background:var(--accent-dim);color:var(--accent)}.vsky-log-status.error{background:var(--red-dim);color:var(--red)}.vsky-log-status.success{background:var(--green-dim);color:var(--green)}.vsky-log-detail{border-left:2px solid var(--border);color:var(--text-2);font-size:12px;margin-top:6px;padding-left:12px}.vsky-log-detail b{color:var(--accent)}.vsky-log-detail-btn{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-size:12px;margin-left:8px;padding:1px 8px;transition:var(--transition)}.vsky-log-detail-btn:hover{border-color:var(--accent);color:var(--accent)}.vsky-log-retry-btn{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;margin-left:6px;padding:1px 10px;transition:var(--transition)}.vsky-log-retry-btn:hover:not(:disabled){background:#4096ff;border-color:#4096ff;box-shadow:0 2px 6px #1677ff40}.vsky-log-retry-btn:disabled{background:#f0f1f3;border-color:#e5e6eb;color:#c9cdd4;cursor:not-allowed}.vsky-log-detail-view{color:var(--text-1);font-size:13px}.vsky-log-meta{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px 12px}.vsky-log-meta b{color:var(--text-2);font-weight:500;margin-right:4px}.vsky-log-section{margin-bottom:14px}.vsky-log-section h4{color:var(--text-1);font-size:13px;font-weight:600;margin:0 0 6px}.vsky-log-section details{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:6px;padding:8px 10px}.vsky-log-section summary{color:var(--text-1);cursor:pointer;font-size:12px;padding:2px 0;-webkit-user-select:none;user-select:none}.vsky-log-section summary b{color:var(--accent);margin-right:6px}.vsky-log-section pre{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-0);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;margin:8px 0 0;max-height:320px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.vsky-monitor-list{display:flex;flex-direction:column;gap:12px}.vsky-monitor-card{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px 16px;position:relative;transition:var(--transition)}.vsky-monitor-card:hover{border-color:var(--accent)}.vsky-monitor-card.is-hit{border-left:4px solid #16a34a}.vsky-monitor-card.is-hit.is-paused{animation:vskyHitPulse 2s ease-in-out infinite;border-left:4px solid #16a34a;opacity:1}.vsky-monitor-card.is-paused:not(.is-hit){opacity:.75}.vsky-monitor-card.is-route-disabled{border-left:4px solid #e65100;opacity:.65}.vsky-monitor-groups{display:flex;flex-direction:column;gap:16px}.vsky-route-group-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.vsky-route-group-card:hover{border-color:var(--accent)}.vsky-route-group-card.is-route-disabled{border-left:4px solid #e65100}.vsky-route-group-head{align-items:center;background:var(--bg-3);border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.vsky-route-group-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;min-width:0}.vsky-route-group-name{color:var(--text-1);font-size:14px;font-weight:600;white-space:nowrap}.vsky-route-group-cron{background:var(--bg-2);border-radius:4px;color:var(--text-2);font-size:12px;padding:2px 8px;white-space:nowrap}.vsky-route-group-sub-count{color:var(--text-3);font-size:12px;white-space:nowrap}.vsky-route-group-status{flex-shrink:0}.vsky-route-group-monitors{display:flex;flex-direction:column}.vsky-monitor-row{border-bottom:1px solid var(--border);padding:10px 16px;position:relative;transition:background .15s}.vsky-monitor-row:last-child{border-bottom:none}.vsky-monitor-row:hover{background:var(--bg-3)}.vsky-monitor-row.is-hit.is-paused{animation:vskyHitPulseRow 2.5s ease-in-out infinite;background:#22c55e0a;border-left:3px solid #22c55e80;opacity:1}.vsky-monitor-row.is-partial-hit{background:#84cc160f;border-left:3px solid #84cc1673}.vsky-monitor-row.is-hit:not(.is-paused):not(.is-partial-hit){border-left:3px solid #22c55e66}.vsky-monitor-row.is-paused:not(.is-hit){opacity:.75}.vsky-monitor-row-status{position:absolute;right:8px;top:8px;z-index:1}.vsky-monitor-row-main{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:space-between}.vsky-monitor-row-left{flex:1 1;min-width:0}.vsky-monitor-row-name{color:var(--text-1);font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsky-monitor-row-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.vsky-monitor-row-fields{display:flex;flex-direction:column;gap:4px}.vsky-monitor-row-field{align-items:flex-start;display:flex;font-size:12px;gap:6px;line-height:1.6;min-width:0}.vsky-monitor-row-field-label{color:var(--text-3);flex-shrink:0;min-width:62px;text-align:left}.vsky-monitor-row-field-value{color:var(--text-1);min-width:0;word-break:break-word}.vsky-monitor-row-field-email{word-break:break-all}.vsky-monitor-row-tag{align-items:center;color:var(--text-2);display:inline-flex;font-size:12px;gap:3px;white-space:nowrap}.vsky-monitor-row-tag.dates{font-size:0}.vsky-monitor-row-result{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:4px}.vsky-monitor-row-result .hit{color:var(--accent);font-weight:500}.vsky-monitor-row-result .ok{color:#52c41a;color:var(--green,#52c41a)}.vsky-result-time{color:#8c8c8c;color:var(--text-3,#8c8c8c);font-size:11px}.vsky-result-dates{color:#555;color:var(--text-2,#555);font-size:12px}.vsky-result-dates b{color:#52c41a;color:var(--green,#52c41a);font-weight:600}.vsky-result-tag{border-radius:3px;font-size:11px;font-weight:500;padding:1px 6px;white-space:nowrap}.vsky-result-tag.outbound{background:#1677ff1a;color:var(--accent)}.vsky-result-tag.return{background:#faad141f;color:#d48806}.vsky-monitor-row-actions{flex-shrink:0;flex-wrap:wrap}.vsky-btn-group,.vsky-monitor-row-actions{align-items:center;display:flex;gap:4px}.vsky-mini-status{border-radius:3px;font-size:11px;font-weight:500;padding:1px 6px;white-space:nowrap}.vsky-mini-status.active{background:#1890ff1a;color:#1890ff}.vsky-mini-status.paused{background:#0000000a;color:var(--text-3)}.vsky-mini-status.hit{animation:vskyHitBadge 2s ease-in-out infinite;background:#22c55e26;border-radius:4px;color:#16a34a;font-weight:600;padding:2px 8px}.vsky-mini-status.hit:before{content:"✅ ";font-size:12px}.vsky-mini-status.hit-partial{background:#84cc161f;border-radius:4px;color:#65a30d;font-weight:600;padding:2px 8px}.vsky-mini-status.hit-partial:before{content:"⏳ ";font-size:12px}@keyframes vskyHitPulse{0%,to{box-shadow:inset 4px 0 6px -4px #22c55e4d}50%{box-shadow:inset 4px 0 10px -2px #22c55eb3,0 0 12px #22c55e33}}@keyframes vskyHitBadge{0%,to{background:#22c55e26;box-shadow:0 0 4px #22c55e26}50%{background:#22c55e4d;box-shadow:0 0 14px #22c55e59}}@keyframes vskyHitPulseRow{0%,to{background:#0000}50%{background:#22c55e0d}}.vsky-mini-status.pending{background:#f59e0b1a;color:#d97706}@media (max-width:640px){.vsky-route-group-head{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px}.vsky-route-group-info{gap:6px;max-width:100%;overflow:hidden}.vsky-route-group-name{font-size:13px}.vsky-route-group-cron,.vsky-route-group-sub-count{font-size:11px}.vsky-monitor-row{max-width:100%;padding:8px 12px;position:relative}.vsky-monitor-row-left{max-width:100%;overflow:hidden;padding-right:100px}.vsky-monitor-row-name{font-size:12px}.vsky-monitor-row-fields{max-width:100%;overflow:hidden}.vsky-monitor-row-field{flex-wrap:wrap}.vsky-monitor-row-field-value{max-width:100%;word-break:break-all}.vsky-monitor-row-tags{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.vsky-monitor-row-tag{font-size:12px;max-width:100%;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.vsky-monitor-row-actions .btn{flex-shrink:0;font-size:12px;padding:4px 10px}.vsky-monitor-row-actions .btn,.vsky-route-card-actions .btn{font-size:12px;height:26px;line-height:26px;min-width:70px;padding:0 8px}.vsky-monitor-row-actions{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.vsky-monitor-row-actions .vsky-btn-group{display:contents}.vsky-monitor-row-status{top:3px}.vsky-mini-status{font-size:10px;max-width:100px;overflow:hidden;padding:1px 5px;text-overflow:ellipsis;white-space:nowrap}.vsky-mini-status.hit:before{font-size:10px}.vsky-monitor-row-actions .btn{justify-content:center;min-width:0;text-align:center;width:100%}.vsky-route-card-actions{grid-gap:6px;display:grid!important;gap:6px;grid-template-columns:repeat(3,1fr)}.vsky-route-card-actions .btn{justify-content:center;min-width:0;text-align:center;width:100%}.vsky-monitor-row-field-label{font-size:11px;min-width:50px}.vsky-monitor-row-field-value{font-size:11px}}.vsky-monitor-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.vsky-monitor-routes{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;min-width:0}.vsky-monitor-status{flex-shrink:0}.vsky-monitor-grid{grid-gap:8px 18px;background:var(--bg-1);border-radius:var(--radius-sm);color:var(--text-2);display:grid;font-size:12px;gap:8px 18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:10px;padding:10px 12px}.vsky-monitor-field{display:flex;flex-direction:column;gap:2px;min-width:0}.vsky-monitor-field-label{color:var(--text-3);font-size:11px}.vsky-monitor-field-value{color:var(--text-0);font-size:13px;word-break:break-word}.vsky-monitor-field-value.mono{font-family:var(--mono);font-size:12px}.vsky-monitor-field-value.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsky-monitor-foot{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;position:relative;z-index:2}.vsky-monitor-foot-left{color:var(--text-2);flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsky-monitor-foot-left .hit{color:var(--accent);font-weight:600}.vsky-monitor-foot-left .ok{color:var(--text-3)}.vsky-monitor-foot-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.vsky-monitor-foot-actions .btn{font-size:12px;line-height:1.4;min-height:30px;padding:5px 10px}.vsky-monitor-row-actions .btn,.vsky-route-card-actions .btn{font-size:12px;height:26px;line-height:26px;min-width:70px;padding:0 8px}@media (max-width:640px){.vsky-monitor-row-actions,.vsky-route-card-actions{max-width:100%}.vsky-monitor-row-actions .btn,.vsky-route-card-actions .btn{flex:0 0 auto}}.vsky-btn-pause{background:#fb0;border-color:#d49a00;color:#1f1a00;font-weight:600}.vsky-btn-pause:hover:not(:disabled){background:#ffc633;border-color:#fb0;color:#1f1a00}.vsky-btn-share{background:#4dd0e1;border-color:#38b8cb;color:#fff}.vsky-btn-share:hover:not(:disabled){background:#6ddeee;border-color:#4dd0e1;color:#fff}.vsky-btn-test-mail{background:#e6f4ff;border-color:#91caff;color:#1677ff}.vsky-btn-test-mail:hover:not(:disabled){background:#bae0ff;border-color:#1677ff;color:#0958d9}.vsky-btn-test-mail:disabled{background:#f5f5f5;border-color:#ddd;color:#bbb;cursor:not-allowed}.vsky-btn-execute{background:#fa8c16;border-color:#d97706;color:#fff}.vsky-btn-execute:hover:not(:disabled){background:#ffa940;border-color:#fa8c16;color:#fff}.vsky-btn-soft{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2)}.vsky-btn-soft:hover:not(:disabled){background:var(--bg-4);color:var(--text-1)}.vsky-btn-green{background:#52c41a1a;border:1px solid #52c41a59;color:#389e0d}.vsky-btn-green:hover:not(:disabled){background:#52c41a38;border-color:#52c41a8c;color:#237804}.vsky-btn-amber{background:#faad141f;border:1px solid #faad1459;color:#ad6800}.vsky-btn-amber:hover:not(:disabled){background:#faad1447;border-color:#faad148c;color:#874d00}.vsky-btn-orange{background:#fa8c161a;border:1px solid #fa8c1659;color:#d46b08}.vsky-btn-orange:hover:not(:disabled){background:#fa8c1640;border-color:#fa8c168c;color:#ad4e00}.vsky-btn-cyan{background:#1677ff14;border:1px solid #1677ff4d;color:#1677ff}.vsky-btn-cyan:hover:not(:disabled){background:#1677ff33;border-color:#1677ff80;color:#1677ff}@media (max-width:1100px){.vsky-monitor-foot-actions .btn{font-size:12px;padding:5px 8px}}@media (max-width:639px){.vsky-monitor-foot-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.vsky-monitor-foot-actions .btn{font-size:12px;justify-content:center;min-height:36px;padding:8px 4px}}.vsky-monitor-foot-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.vsky-action-anchor{position:relative}.vsky-action-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.vsky-action-menu{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 6px 24px #0000002e;display:flex;flex-direction:column;max-height:calc(100vh - 16px);max-width:240px;min-width:180px;overflow-y:auto;padding:4px}.vsky-action-menu-item{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--text-0);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;width:100%}.vsky-action-menu-item:hover{background:var(--bg-3)}.vsky-action-menu-item.danger{color:var(--red)}.vsky-action-menu-item.danger:hover{background:var(--red-dim)}.vsky-action-menu-item:disabled{color:var(--text-3);cursor:not-allowed}.vsky-action-menu-divider{background:var(--border-light);height:1px;margin:4px 0}.vsky-action-sheet-mask{animation:vskyFadeIn .18s ease-out;background:#00000073;inset:0;position:fixed;z-index:9998}.vsky-action-sheet{animation:vskySlideUp .22s cubic-bezier(.2,.8,.2,1);background:var(--bg-2);border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -8px 32px #00000040;display:flex;flex-direction:column;gap:2px;left:0;max-height:80vh;overflow-y:auto;padding:8px 8px max(12px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:9999}@keyframes vskyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vskySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vsky-action-sheet-handle{background:var(--border);border-radius:2px;height:4px;margin:6px auto 4px;width:36px}.vsky-action-sheet-title{border-bottom:1px solid var(--border-light);color:var(--text-2);font-size:13px;margin-bottom:6px;padding:6px 12px 10px;text-align:center;word-break:break-all}.vsky-action-sheet .vsky-action-menu-item{border-radius:10px;font-size:15px;justify-content:flex-start;min-height:48px;padding:14px 16px}.vsky-action-sheet-cancel{background:var(--bg-3);border:0;border-radius:10px;color:var(--text-0);cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;min-height:48px;padding:14px 16px}.vsky-action-sheet-cancel:hover{background:var(--border)}.vsky-monitor-log-panel{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-top:12px;max-height:320px;overflow-y:auto;padding:12px 14px}.vsky-monitor-card .vsky-log-item:last-child{border-bottom:none}.vsky-route-log-panel{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-top:12px;max-height:360px;overflow-y:auto;padding:12px 14px}.vsky-route-log-header{align-items:center;border-bottom:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding-bottom:8px}.vsky-route-log-title{color:var(--text-1);font-size:13px;font-weight:600}.vsky-route-log-hint{color:var(--text-2);flex:1 1;font-size:12px;opacity:.85}.vsky-route-log-clear-btn{background:var(--bg-2);border:1px solid var(--border-light);border-radius:4px;color:var(--text-1);cursor:pointer;font-size:12px;padding:3px 10px;transition:background .15s}.vsky-route-log-clear-btn:hover:not(:disabled){background:#f56c6c1f;border-color:#f56c6c66;color:var(--red)}.vsky-route-log-clear-btn:disabled{cursor:not-allowed;opacity:.5}.vsky-log-trigger{background:var(--bg-2);border-radius:10px;color:var(--text-2);display:inline-block;font-size:11px;margin-left:6px;padding:1px 7px}.vsky-log-trigger-manual{background:#faad1426;color:#d48806}.vsky-log-trigger-auto{background:#1677ff1f;color:var(--accent)}.vsky-route-log-summary{background:var(--bg-2);border-radius:10px;color:var(--text-2);display:inline-block;font-size:12px;margin-left:8px;padding:1px 8px}.vsky-drawer-mask{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s;z-index:999}.vsky-drawer-mask.show{opacity:1;pointer-events:auto}.vsky-drawer{background:var(--bg-1);border-left:1px solid var(--border);bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:100vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease;width:540px;z-index:1000}.vsky-drawer.show{transform:translateX(0)}.vsky-drawer-header{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:18px 20px}.vsky-drawer-header h2{color:var(--text-0);font-size:15px;font-weight:600;margin:0}.vsky-drawer-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-2);cursor:pointer;display:flex;font-size:22px;height:30px;justify-content:center;transition:var(--transition);width:30px}.vsky-drawer-close:hover{background:var(--bg-3);color:var(--text-0)}.vsky-drawer-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:18px 20px}.vsky-drawer-footer{background:var(--bg-2);border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.vsky-notice{background:var(--accent-dim);border:1px solid #6c8cff33;border-radius:var(--radius-sm);color:var(--text-1);font-size:12px;line-height:1.6;padding:12px 14px}.vsky-notice b,.vsky-notice code{color:var(--accent)}.vsky-notice code{background:var(--bg-3);border-radius:4px;font-family:var(--mono);font-size:11px;padding:1px 6px}.vsky-form-item{display:flex;flex-direction:column;gap:6px}.vsky-form-label{color:var(--text-2);font-size:12px;font-weight:500}.vsky-form-label .required{color:var(--red);margin-right:2px}.vsky-form-error{color:var(--red)!important}.vsky-form-input,.vsky-form-select,.vsky-form-textarea,.vsky-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:var(--transition);width:100%}.vsky-form-textarea{min-height:80px;resize:vertical}.vsky-form-inline{align-items:center;background:var(--bg-3);border-radius:var(--radius-sm);display:flex;gap:8px;padding:6px 12px 6px 28px}.vsky-email-list{display:flex;flex-direction:column;gap:8px}.vsky-email-row{align-items:center;display:flex;gap:6px}.vsky-email-row .vsky-input{flex:1 1}.vsky-input-error{background:#ff4d4f0a;border-color:#ff4d4f!important;border-color:var(--danger,#ff4d4f)!important}.vsky-email-btn{align-items:center;background:#fff;background:var(--bg-1,#fff);border:1px solid #d9d9d9;border:1px solid var(--border,#d9d9d9);border-radius:6px;border-radius:var(--radius-sm,6px);color:#333;color:var(--text-1,#333);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-family:var(--font,inherit);font-size:14px;height:32px;justify-content:center;line-height:1;min-width:32px;padding:0 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.vsky-email-btn:hover{border-color:#1677ff;border-color:var(--accent,#1677ff);color:#1677ff;color:var(--accent,#1677ff)}.vsky-email-btn-remove{border-color:#d9d9d9;border-color:var(--border,#d9d9d9);color:#ff4d4f;color:var(--danger,#ff4d4f);font-size:18px;font-weight:500}.vsky-email-btn-remove:hover{background:#ff4d4f;background:var(--danger,#ff4d4f);border-color:#ff4d4f;border-color:var(--danger,#ff4d4f);color:#fff}.vsky-email-btn-add{align-self:flex-start;background:#1677ff0a;border-color:#1677ff;border-color:var(--accent,#1677ff);border-style:dashed;color:#1677ff;color:var(--accent,#1677ff)}.vsky-email-btn-add:hover{background:#1677ff;background:var(--accent,#1677ff);border-style:solid;color:#fff}.vsky-form-sub-label{color:var(--text-2);font-size:12px;white-space:nowrap}.vsky-input-num{padding:6px 8px;text-align:center;width:70px}.vsky-form-input:focus,.vsky-form-select:focus,.vsky-form-textarea:focus,.vsky-input:focus{background:var(--bg-3);border-color:var(--accent)}.vsky-form-tip{color:var(--text-3);font-size:11px;line-height:1.5}.vsky-form-tip code{color:var(--accent);font-family:var(--mono);font-size:11px;word-break:break-all}.vsky-form-row{align-items:center;display:flex;gap:8px}.vsky-form-arrow{color:var(--text-3);font-size:12px;padding:0 4px}.vsky-form-helper{background:var(--bg-3);border-radius:var(--radius-xs);color:var(--text-3);font-size:11px;line-height:1.5;margin-top:4px;padding:6px 10px}.vsky-form-switch-row{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px 12px}.vsky-form-switch-label{display:flex;flex-direction:column;gap:2px}.vsky-form-switch-label-main{color:var(--text-0);font-size:13px;font-weight:500}.vsky-form-switch-label-sub{color:var(--text-3);font-size:11px}.vsky-route-info-card{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px 14px}.vsky-route-info-row{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;line-height:1.6}.vsky-route-info-label{color:var(--text-3);flex-shrink:0;font-size:11px;min-width:80px}.vsky-route-info-value{color:var(--text-0);font-weight:500}.vsky-route-info-sub{color:var(--text-3);font-size:11px;font-weight:400;margin-left:6px}.vsky-route-info-url{background:var(--bg-3);border-radius:3px;color:var(--accent);font-family:var(--mono);font-size:11px;padding:1px 6px;word-break:break-all}.vsky-route-info-hint{border-top:1px dashed var(--border-light);color:var(--text-3);font-size:11px;line-height:1.5;margin-top:4px;padding-top:8px}.vsky-date-section{background:#f8f9fb;background:var(--bg-1,#f8f9fb);border:1px solid #e5e7eb;border:1px solid var(--border-1,#e5e7eb);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px}.vsky-date-section+.vsky-date-section{margin-top:12px}.vsky-date-section-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.vsky-date-direction{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;line-height:20px;padding:2px 10px}.vsky-date-direction.outbound{background:#3b82f61f;color:#1e40af}.vsky-date-direction.return{background:#f59e0b24;color:#92400e}.vsky-date-section-hint{color:#6b7280;color:var(--text-3,#6b7280);font-size:12px}.vsky-date-input-row{align-items:center;display:flex;gap:8px}.vsky-date-input-row .vsky-input{flex:1 1;min-width:0}.vsky-date-add-btn{align-items:center;background:#1677ff;background:var(--accent,#1677ff);border:1px solid #1677ff;border:1px solid var(--accent,#1677ff);border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:4px;height:32px;line-height:1;padding:0 14px;transition:all .18s;-webkit-user-select:none;user-select:none;white-space:nowrap}.vsky-date-add-btn:before{content:"+";font-size:15px;font-weight:600;line-height:1}.vsky-date-add-btn:hover:not(:disabled){background:#4096ff;border-color:#4096ff;box-shadow:0 2px 6px #1677ff40}.vsky-date-add-btn:active:not(:disabled){background:#0958d9;border-color:#0958d9;transform:translateY(1px)}.vsky-date-add-btn:disabled{background:#f0f1f3;border-color:#e5e6eb;box-shadow:none;color:#c9cdd4;cursor:not-allowed}.vsky-date-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.vsky-date-chip{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-family:Menlo,Consolas,monospace;font-family:var(--font-mono,"Menlo","Consolas",monospace);font-size:12px;font-weight:500;gap:4px;padding:4px 10px;-webkit-user-select:none;user-select:none}.vsky-date-chip.outbound{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.vsky-date-chip.return{background:#fef3c7;border-color:#fcd34d;color:#92400e}.vsky-date-chip.small{font-size:11px;padding:2px 8px}.vsky-date-chip-remove{align-items:center;background:#0000;border:0;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-size:14px;height:16px;justify-content:center;line-height:1;margin-left:2px;opacity:.6;padding:0;transition:opacity .15s,background .15s;width:16px}.vsky-date-chip-remove:hover{background:#00000014;opacity:1}.vsky-monitor-date-tags{display:inline-flex;flex-wrap:wrap;gap:4px}.vsky-select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-size:13px;outline:none;padding:9px 12px;transition:var(--transition);width:100%}.vsky-select:focus{border-color:var(--accent)}.vsky-select:disabled{background:var(--bg-3);color:var(--text-3);cursor:not-allowed;opacity:.6}.vsky-cron-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.vsky-cron-preset{background:var(--bg-3);border:1px solid var(--border-light);border-radius:100px;color:var(--text-2);cursor:pointer;display:inline-block;font-size:11px;padding:4px 10px;transition:var(--transition)}.vsky-cron-preset:hover{border-color:var(--accent);color:var(--accent)}.vsky-cron-preset.active{background:var(--accent);border-color:var(--accent);color:#fff}.vsky-radio-group{display:flex;flex-direction:column;gap:8px}.vsky-radio-group label{align-items:flex-start;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:var(--transition)}.vsky-radio-group label:hover{border-color:var(--accent)}.vsky-radio-group input[type=radio]{accent-color:var(--accent);margin-top:2px}.vsky-radio-group label div{color:var(--text-0);display:flex;flex-direction:column;font-size:13px;gap:2px}.vsky-radio-group label small{color:var(--text-3);font-size:11px}.vsky-switch{align-items:center;color:var(--text-1);cursor:pointer;display:flex;font-size:13px;gap:10px;-webkit-user-select:none;user-select:none}.vsky-switch input{display:none}.vsky-switch-track{background:var(--bg-3);border:1px solid var(--border);border-radius:100px;height:20px;position:relative;transition:var(--transition);width:38px}.vsky-switch-track:after{background:var(--text-3);border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:var(--transition);width:14px}.vsky-switch input:checked+.vsky-switch-track{background:var(--accent);border-color:var(--accent)}.vsky-switch input:checked+.vsky-switch-track:after{background:#fff;transform:translateX(18px)}.vsky-share-url-box{align-items:center;display:flex;gap:8px}.vsky-share-url-box .vsky-input{background:var(--bg-1);flex:1 1;font-family:ui-monospace,Menlo,monospace;font-size:12px}.vsky-share-url-box .btn{flex-shrink:0}@media (max-width:600px){.vsky-share-url-box{align-items:stretch;flex-direction:column}.vsky-share-url-box .btn{width:100%}}@media (max-width:900px){.vsky-drawer{width:100vw}}.vsky-route-section{margin:12px 0 20px}.vsky-route-section-hint-bar{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:4px;color:var(--text-1);font-size:13px;line-height:1.5;margin-bottom:12px;padding:10px 14px}.vsky-route-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.vsky-route-section-title{font-size:15px;font-weight:600;margin-right:10px}.vsky-route-section-hint{color:#888;font-size:12px}.vsky-route-empty{background:var(--bg-2);border:1px dashed var(--border);border-radius:6px;color:var(--text-3);font-size:13px;padding:40px 24px;text-align:center}.vsky-route-grid{gap:12px}.vsky-route-card,.vsky-route-grid{display:flex;flex-direction:column}.vsky-route-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);padding:14px;transition:all .2s}.vsky-route-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.vsky-route-card.disabled{background:var(--bg-1);opacity:.6}.vsky-route-card-main{flex:1 1;margin-bottom:12px}.vsky-route-card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:6px}.vsky-route-state-badge{align-items:center;border-radius:10px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:3px;line-height:1.4;padding:2px 8px}.vsky-route-state-badge.is-running{background:#52c41a1f;border:1px solid #52c41a4d;color:#389e0d}.vsky-route-state-badge.is-paused{background:#f59a231f;border:1px solid #f59a234d;color:#d46b08}.vsky-route-card-title{color:var(--text-0);font-size:15px;font-weight:600;line-height:1.4}.vsky-route-card-meta{color:var(--text-2);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-bottom:4px}.vsky-route-email-badge{background:#1677ff14;background:var(--accent-dim,#1677ff14);color:#1677ff;color:var(--accent,#1677ff)}.vsky-route-buy-badge,.vsky-route-email-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;gap:3px;padding:1px 6px}.vsky-route-buy-badge.is-on{background:#52c41a1f;color:#52c41a}.vsky-route-buy-badge.is-off{background:#0000000f;color:#999}.vsky-route-card-remark{background:var(--bg-3);border-radius:4px;color:var(--text-2);font-size:12px;font-style:italic;margin-top:6px;padding:4px 8px}.vsky-route-card-actions{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.vsky-route-card-actions .btn{transition:all .2s ease}.vsky-delete-confirm{color:var(--text-1);font-size:14px;line-height:1.7}.vsky-delete-confirm p{margin:0 0 12px}.vsky-delete-confirm p b{color:var(--accent);font-weight:600}.vsky-delete-stats{align-items:center;background:var(--bg-2);border-radius:6px;color:var(--text-2);display:flex;font-size:13px;gap:12px;margin-bottom:12px;padding:8px 12px}.vsky-delete-stats b{color:var(--accent);font-weight:600}.vsky-delete-cascade{align-items:flex-start;background:#f56c6c14;border:1px solid #f56c6c40;border-radius:6px;color:var(--text-1);cursor:pointer;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 12px;transition:background .15s}.vsky-delete-cascade:hover{background:#f56c6c1f}.vsky-delete-cascade input[type=checkbox]{accent-color:#f56c6c;accent-color:var(--red,#f56c6c);cursor:pointer;margin-top:3px}.vsky-delete-cascade b{color:#f56c6c;color:var(--red,#f56c6c);font-weight:600}.vsky-delete-warn{background:var(--bg-2);border-left:2px solid var(--accent);border-radius:4px;color:var(--text-3);font-size:12px;line-height:1.6;padding:8px 12px}.vsky-overview{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;margin-top:12px;padding:14px 16px}.vsky-overview-title{color:var(--text-1);font-size:14px;font-weight:500;margin-bottom:8px}.vsky-ov-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.vsky-ov-stat{background:var(--bg-3);border-radius:6px;padding:10px;text-align:center}.vsky-ov-stat-num{color:#1677ff;font-size:22px;font-weight:500}.vsky-ov-stat-label{color:var(--text-3);font-size:11px}@media(max-width:639px){.vsky-ov-stats{grid-template-columns:repeat(3,1fr)}}.vsky-ov-stats-4{grid-template-columns:repeat(4,1fr)}@media(max-width:639px){.vsky-ov-stats-4{grid-template-columns:repeat(2,1fr)}}.vsky-test-email-list{background:var(--bg-2);border-radius:6px;list-style:none;margin:0 0 12px;max-height:200px;overflow-y:auto;padding:8px 12px}.vsky-test-email-list li{border-bottom:1px dashed var(--border-light);color:var(--text-1);font-family:Consolas,Monaco,monospace;font-family:var(--font-mono,"Consolas","Monaco",monospace);font-size:13px;padding:4px 0}.vsky-test-email-list li:last-child{border-bottom:none}.vsky-route-card-subs{border-top:1px dashed var(--border-light);margin-top:10px;padding-top:10px}.vsky-route-card-subs-title{color:var(--text-3);font-size:12px;margin-bottom:6px}.vsky-route-card-subs-list{display:flex;flex-wrap:wrap;gap:4px}.vsky-route-card-sub-chip{align-items:center;background:var(--accent-dim);border:1px solid var(--accent);border-radius:12px;color:var(--accent);cursor:default;display:inline-flex;font-size:11px;font-weight:500;gap:3px;line-height:1.5;padding:2px 8px}.vsky-route-card-sub-chip.disabled{background:var(--bg-3);border-color:var(--border);color:var(--text-3);text-decoration:line-through}.vsky-route-sub-section{margin-bottom:6px}.vsky-route-sub-section:last-child{margin-bottom:0}.vsky-route-sub-head{align-items:center;display:flex;gap:6px;margin-bottom:4px}.vsky-route-sub-label{color:var(--text-2);font-size:11px;font-weight:600}.vsky-route-sub-count{color:var(--text-3);font-size:11px}.vsky-route-sub-email-stats{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.vsky-route-sub-email-item{align-items:center;background:var(--bg-3);border:1px solid var(--border-light);border-radius:3px;color:var(--text-3);display:inline-flex;font-size:10px;gap:2px;padding:1px 6px}.vsky-route-sub-email-item:last-child{margin-right:0}.vsky-tabs{align-items:center;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;gap:4px;margin:16px 0 0;padding:0 20px}.vsky-tab{align-items:center;background:#0000;border:none;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:12px 18px;position:relative;transition:color .15s}.vsky-tab:hover{color:var(--text-0)}.vsky-tab.active{color:var(--accent);font-weight:600}.vsky-tab.active:after{background:var(--accent);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.vsky-tab-badge{background:var(--bg-3);border-radius:10px;color:var(--text-2);display:inline-block;font-size:11px;font-weight:500;line-height:1.4;min-width:20px;padding:1px 6px;text-align:center}.vsky-tab.active .vsky-tab-badge{background:var(--accent-dim);color:var(--accent)}.vsky-tabs-spacer{flex:1 1}.vsky-view-header{align-items:center;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0;padding:14px 20px}.vsky-view-header-left{display:flex;flex-direction:column;gap:4px;min-width:0}.vsky-view-header-title{color:var(--text-0);font-size:16px;font-weight:600}.vsky-view-header-hint{color:var(--text-3);font-size:12px}.vsky-view-header-right{align-items:center;display:flex;gap:8px}.btn-danger-outline{border-color:#f56c6c!important;color:#f56c6c!important}.btn-danger-outline:hover{background:#f56c6c!important;color:#fff!important}.vsky-month-section{border-bottom:1px solid var(--border)}.vsky-month-section:last-child{border-bottom:none}.vsky-month-head{align-items:center;background:var(--bg-1);border-bottom:1px dashed var(--border-light);display:flex;gap:8px;padding:10px 16px 6px}.vsky-month-label{color:var(--text-1);font-size:13px;font-weight:600}.vsky-month-count{color:var(--text-3);font-size:12px}.vsky-month-chevron{color:var(--text-3);flex-shrink:0;font-size:10px;text-align:center;width:14px}.vsky-month-stats{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.vsky-month-pill{border:.5px solid #0000;border-radius:10px;font-size:11px;line-height:1;padding:4px 8px;white-space:nowrap}.vmon-pill-total{background:var(--bg-3);border-color:var(--border);color:var(--text-2)}.vmon-pill-active{background:#52c41a1f;color:#389e0d}.vmon-pill-paused{background:#96969624;color:var(--text-2)}.vmon-pill-notified{background:#1677ff1f;color:#1677ff}.vsky-month-batch-actions{display:inline-flex;gap:4px;margin-left:8px}.vsky-batch-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:11px;gap:2px;line-height:1.6;padding:1px 8px;transition:opacity .15s}.vsky-batch-btn:hover{opacity:.8}.vsky-batch-btn-start{background:#52c41a26;color:#389e0d}.vsky-batch-btn-pause{background:#f59e0b26;color:#d48806}@media (max-width:640px){.vsky-month-stats{margin-left:0;margin-top:4px;padding-left:22px;width:100%}}.vsky-email-stats{align-items:center;background:var(--bg-1);border-bottom:1px dashed var(--border-light);display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px}.vsky-email-stats-label{color:var(--text-2);font-size:12px;font-weight:500;white-space:nowrap}.vsky-email-stats-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.vsky-email-stat-item{align-items:center;background:var(--bg-3);border:1px solid var(--border-light);border-radius:4px;color:var(--text-2);display:inline-flex;font-size:12px;gap:2px;padding:2px 8px}.vsky-email-stat-item b{color:var(--accent);font-weight:600}@media (max-width:640px){.vsky-month-head{padding:8px 12px 4px}.vsky-month-label{font-size:12px}.vsky-month-count{font-size:11px}.vsky-email-stats{gap:6px;padding:4px 12px}.vsky-email-stats-label{font-size:11px;width:100%}.vsky-email-stat-item{font-size:11px;padding:1px 6px}}.vsm{width:100%}.vsm .vsky-view-header{margin-bottom:12px}.vsm-loading{color:var(--text-2);padding:40px 0}.vsm-empty,.vsm-loading{font-size:13px;text-align:center}.vsm-empty{color:var(--text-3);padding:20px 0}.vsm-card{background:var(--bg-2);border:.5px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px 20px}.vsm-card-title{color:var(--text-1);font-size:14px;font-weight:500;margin-bottom:8px}.vsm-hint{color:var(--text-3);font-size:12px;margin-bottom:8px}.vsm-month-title{border-bottom:1px solid var(--border);color:var(--text-1);font-size:14px;font-weight:600;margin-top:8px;padding:10px 0 4px}.vsm-month-title:first-of-type{margin-top:0}.vsm-month-block{margin-top:10px}.vsm-month-header{align-items:center;border-bottom:1px solid var(--border);border-radius:6px 6px 0 0;cursor:pointer;display:flex;gap:8px;padding:10px 8px 8px;transition:background .15s;-webkit-user-select:none;user-select:none}.vsm-month-header:hover{background:var(--bg-3)}.vsm-month-chevron{color:var(--text-3);flex-shrink:0;font-size:10px;text-align:center;width:14px}.vsm-month-title-inline{color:var(--text-1);flex-shrink:0;font-size:14px;font-weight:600}.vsm-month-overview{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.vsm-month-pill{border:.5px solid #0000;border-radius:10px;font-size:11px;line-height:1;padding:4px 8px;white-space:nowrap}.vsm-pill-total{background:var(--bg-3);border-color:var(--border);color:var(--text-2)}.vsm-pill-active{background:#52c41a1f;color:#389e0d}.vsm-pill-paused{background:#96969624;color:var(--text-2)}.vsm-pill-notified{background:#1677ff1f;color:#1677ff}@media (max-width:640px){.vsm-month-header{flex-wrap:wrap}.vsm-month-overview{margin-left:0;padding-left:22px;width:100%}}.vsm-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.vsm-stat{background:var(--bg-3);border-radius:6px;padding:10px;text-align:center}.vsm-stat-num{color:#1677ff;font-size:22px;font-weight:500}.vsm-stat-label{color:var(--text-3);font-size:11px}.vsm-date-card{background:var(--bg-3);border-left:3px solid #d9d9d9;border-radius:8px;margin:8px 0;padding:12px}.vsm-date-header{gap:8px;margin-bottom:6px}.vsm-date-header,.vsm-date-meta{align-items:center;display:flex;flex-wrap:wrap}.vsm-date-meta{color:var(--text-2);font-size:12px;gap:4px}.vsm-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.vsm-badge-blue{background:#dbeafe;color:#1e40af}.vsm-badge-amber{background:#fef3c7;color:#92400e}.vsm-select{background:var(--bg-3);border:1px solid var(--border);border-radius:3px;color:var(--text-1);font-size:11px;padding:1px 4px}.vsm-mono{font-family:monospace}.vsm-merge-panel{background:var(--bg-2);border:.5px solid var(--border);border-radius:6px;color:var(--text-1);font-size:11px;margin-top:6px;padding:10px}.vsm-merge-title{color:var(--text-2);font-weight:500;margin-bottom:4px;padding-bottom:4px}.vsm-merge-row,.vsm-merge-title{border-bottom:.5px solid var(--border);font-size:11px}.vsm-merge-row{display:flex;justify-content:space-between;padding:4px 0}.vsm-merge-row:last-child{border-bottom:none}.vsm-table{border-collapse:collapse;font-size:12px;width:100%}.vsm-table th{border-bottom:1px solid var(--border);color:var(--text-3);font-weight:500;padding:4px 6px;text-align:left}.vsm-table td{border-bottom:.5px solid var(--border);color:var(--text-2);padding:4px 6px}.vsm-action{color:var(--accent);cursor:pointer;font-size:11px}.vsm-action:hover{text-decoration:underline}.vsm-radio{align-items:center;color:var(--text-1);cursor:pointer;display:flex;font-size:13px;gap:4px}.vsm-log-item{border-bottom:.5px solid var(--border);color:var(--text-2);display:flex;font-size:11px;gap:8px;padding:4px 0}.vsm-log-status{font-weight:500}.vsm-log-ok{color:#52c41a}.vsm-log-soldout,.vsm-log-time{color:var(--text-3)}.vsm-log-time{font-family:monospace;white-space:nowrap}.vsm-log-footer{color:var(--text-3);font-size:11px;margin-top:8px}.vsm .vsky-tabs{border-bottom:1px solid var(--border);display:flex;gap:0}.vsm .vsky-tab{border-bottom:2px solid #0000;color:var(--text-2);cursor:pointer;font-size:13px;margin-bottom:-1px;padding:8px 16px;transition:color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.vsm .vsky-tab:hover{color:var(--text-1)}.vsm .vsky-tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:500}.vsm .vsm-scan-log{font-family:monospace;max-height:180px;overflow-y:auto}@media (max-width:639px){.vsm-card{padding:12px 14px}.vsm-stats{gap:6px;grid-template-columns:1fr 1fr}.vsm-stat{padding:8px}.vsm-stat-num{font-size:18px}.vsm-date-header{font-size:12px}.vsm-date-meta,.vsm-table{font-size:11px}.vsm-table td,.vsm-table th{padding:3px 4px}.vsm-log-item,.vsm-merge-row{flex-direction:column;gap:2px}.vsm .vsm-card .btn-sm{font-size:10px!important;min-width:48px!important;padding:2px 6px!important}}@media (max-width:480px){.vsm-card{border-radius:6px;padding:0}.vsm .vsm-card .vsm-card-header{flex-wrap:wrap!important;gap:4px!important;padding:8px 10px!important}.vsm .vsm-card .vsm-card-header-left{flex:1 1 auto!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important}.vsm .vsm-card .vsm-card-header-left .vsm-badge{flex:0 0 100%!important;margin-top:1px}.vsm .vsm-card .vsm-card-header-left span:last-child{display:none!important}.vsm .vsm-card .vsm-card-actions{flex:0 0 100%!important;gap:4px!important;justify-content:flex-start!important}.vsm .vsm-card .btn-sm{font-size:10px!important;min-width:44px!important;padding:2px 6px!important}.vsm .vsm-card .vsm-card-body{padding:8px 10px!important}.vsm .vsm-card .vsm-subscriber-name{font-size:11px!important}.vsm .vsm-card .vsm-subscriber-detail{font-size:10px!important;word-break:break-all!important}.vsm .vsm-card .vsm-log-text{font-size:10px!important}}@media (max-width:360px){.vsm .vsm-card .btn-sm{font-size:9px!important;min-width:38px!important;padding:1px 4px!important}}.vsky-review{font-size:13px;padding:8px 0}.vsky-review-tabs{border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:10px}.vsky-review-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-2);cursor:pointer;font-size:13px;padding:6px 14px;white-space:nowrap}.vsky-review-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.vsky-review-tab-count{background:var(--bg-3);border-radius:8px;color:var(--text-3);display:inline-block;font-size:11px;margin-left:4px;padding:0 6px}.vsky-review-tab.active .vsky-review-tab-count{background:var(--accent);color:#fff}.vsky-review-empty{color:var(--text-3);padding:30px;text-align:center}.vsky-review-table-wrap{max-width:100%;overflow-x:auto}.vsky-review-table{border-collapse:collapse;font-size:13px;width:100%}.vsky-review-table th{color:var(--text-2);font-weight:600;text-align:left;white-space:nowrap}.vsky-review-table td,.vsky-review-table th{border-bottom:1px solid var(--border);padding:8px 10px}.vsky-review-table td{vertical-align:top}.vsky-review-table tbody tr:hover{background:var(--bg-3)}.vsky-review-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:12px}.vsky-review-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.vsky-review-card-name{color:var(--text-1);font-size:14px;font-weight:600}.vsky-review-card-date{color:var(--text-3);font-size:11px}.vsky-review-card-body{margin-bottom:8px}.vsky-review-card-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.vsky-review-card-label{color:var(--text-3);flex-shrink:0;font-size:12px;min-width:50px}.vsky-review-card-value{color:var(--text-1);font-size:13px;text-align:right;word-break:break-all}.vsky-review-card-actions{border-top:1px solid var(--border);display:flex;gap:6px;padding-top:8px}.vsky-review-pagination{align-items:center;display:flex;gap:10px;justify-content:center;padding:12px 0}.vsky-review-page-info{color:var(--text-3);font-size:12px}.vsky-review-detail-field{margin-bottom:14px}.vsky-review-detail-field label{color:var(--text-3);display:block;font-size:12px;margin-bottom:4px}.vsky-review-detail-text{color:var(--text-1);display:block;font-size:13px;font-weight:500;line-height:1.5}.vsky-review-select{background:var(--bg-1);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text-1);cursor:pointer;font-size:13px;outline:none;padding:7px 8px;width:100%}.vsky-review-select:focus{border-color:var(--accent)}.vsky-review-select option{background:var(--bg-1);color:var(--text-1)}.vsky-review-hint{color:var(--text-3);font-size:11px;margin-top:3px}.vsky-review-required{color:#e74c3c}.vsky-review-section-title{border-bottom:1px solid var(--border);color:var(--text-1);font-size:13px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.vsky-review-checkbox{margin-bottom:8px}.vsky-review-checkbox label{align-items:center;color:var(--text-1);cursor:pointer;display:flex;font-size:13px;gap:6px}.vsky-review-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:14px;width:14px}.section-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:16px;padding:16px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-header h2{color:var(--text-0);font-size:15px;font-weight:600;margin:0}.header-actions{flex-wrap:wrap;gap:6px}.header-actions .btn{font-size:11px;padding:5px 10px}.section-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.section-actions .btn{font-size:11px;padding:4px 10px}.user-config-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.user-config-card{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px}.user-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.user-config-header .user-info{display:flex;flex-direction:column;gap:2px}.user-config-header .user-name{color:var(--text-0);font-size:13px;font-weight:600}.user-config-header .user-account{color:var(--text-3);font-size:11px}.toggle-switch{height:20px;position:relative;width:36px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--bg-3);border-radius:100px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.2s;width:14px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(16px)}.activity-types{border-top:1px solid var(--border-light);padding-top:10px}.activity-label{color:var(--text-3);display:block;font-size:11px;margin-bottom:6px}.activity-tags{display:flex;flex-wrap:wrap;gap:6px}.activity-tag-checkbox{align-items:center;background:var(--bg-3);border-radius:3px;color:var(--text-2);cursor:pointer;display:flex;font-size:11px;gap:3px;padding:3px 7px;transition:var(--transition)}.activity-tag-checkbox:hover{background:var(--accent-dim)}.activity-tag-checkbox input{accent-color:var(--accent);margin:0}.activity-tag-checkbox input:checked+span{color:var(--accent);font-weight:500}.rooms-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.room-card{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px}.room-header{margin-bottom:10px}.room-header .room-info{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.room-header .room-info h3{color:var(--text-0);font-size:14px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-header .room-info .status-badge{flex-shrink:0;white-space:nowrap}.room-id-inline{font-family:var(--mono);font-weight:400}.room-id-inline,.room-meta{color:var(--text-3);font-size:11px}.room-meta{display:flex;flex-direction:column;gap:3px}.room-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.room-actions .btn{flex:1 1;font-size:11px;min-width:60px}.room-actions .btn-sm{flex:0 0 auto;min-width:auto}.user-action-group{align-items:center;display:flex;gap:3px}.room-listening-users{align-items:center;background:var(--bg-3);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:6px;padding:6px 10px}.listening-label{color:var(--text-3);font-size:11px;font-weight:500}.listening-users-inline{align-items:center;color:var(--text-1);display:flex;flex-wrap:wrap;font-size:11px;gap:4px}.listening-user-link{background:var(--bg-3);border:none;border-radius:12px;color:var(--accent);cursor:pointer;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;transition:all .2s}.listening-user-link:hover{background:var(--accent-dim);color:var(--accent-hover)}.listening-users-inline.reserved{color:#22d3ee;font-weight:500}.reserved-user{color:#67e8f9;font-weight:600}.listening-users-inline.unreserved{color:var(--text-3)}.btn-info{background:#22d3ee26;border:1px solid #22d3ee4d;color:#22d3ee}.btn-info:hover:not(:disabled){background:#22d3ee40;border-color:#22d3ee80}.btn-cancel{background:#ff950026;border:1px solid #ff95004d;color:#ff9500}.btn-cancel:hover:not(:disabled){background:#ff950040;border-color:#ff950080}.btn-outline{background:#0000;border:1px solid var(--border);color:var(--text-1)}.btn-outline:hover:not(:disabled){background:var(--bg-3);border-color:var(--text-3)}.btn-ghost-danger{color:var(--red)}.btn-ghost-danger:hover:not(:disabled){background:var(--red-dim)}.form-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:8px 12px;transition:var(--transition);width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder{color:var(--text-3)}.preset-modal,.start-monitor-modal{display:flex;flex-direction:column;gap:12px}.preset-desc{color:var(--text-3);font-size:12px;line-height:1.5;margin:0}.no-data{color:var(--text-3);font-size:13px;padding:20px 0;text-align:center}.select-all-bar{display:flex;gap:6px}.select-all-bar .btn{font-size:12px}.preset-toolbar{display:flex;gap:6px;justify-content:flex-end}.preset-list,.user-select-list{display:flex;flex-direction:column;gap:10px}.preset-item,.user-select-item{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.preset-item.preset-disabled{opacity:.5}.preset-header,.user-select-header{align-items:center;background:var(--bg-3);border-bottom:1px solid var(--border-light);display:flex;gap:8px;justify-content:space-between;padding:10px 12px}.checkbox-label{align-items:center;color:var(--text-0);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px}.checkbox-label input[type=checkbox]{accent-color:var(--accent);height:15px;width:15px}.checkbox-label .user-account{color:var(--text-3);font-size:11px;font-weight:400}.preset-template-select{flex-shrink:0}.preset-template-select select{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:11px;padding:4px 8px}.preset-activities,.user-activity-select{display:flex;flex-direction:column;gap:6px;padding:10px 12px}.activity-type-item{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:4px 0}.checkbox-label-sm{align-items:center;color:var(--text-1);cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:5px;min-width:0}.checkbox-label-sm input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:14px;width:14px}.priority-select{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text-1);cursor:pointer;flex-shrink:0;font-family:var(--font);font-size:11px;min-width:90px;padding:3px 6px}.template-card{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.template-card-header{align-items:center;background:var(--bg-3);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:10px 12px}.template-card-name{color:var(--text-0);font-size:13px;font-weight:600}.template-card-actions{display:flex;gap:4px}.template-tags{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}.template-tags .tag{font-size:11px}.template-edit-form{display:flex;flex-direction:column;gap:14px}.template-edit-field{display:flex;flex-direction:column;gap:6px}.template-edit-field>label{color:var(--text-2);font-size:12px;font-weight:600}.template-edit-activities{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;padding:10px 12px}.ws-logs-modal{max-width:800px}.ws-logs-wrapper{display:flex;flex-direction:column;gap:12px}.ws-logs-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px}.ws-logs-filters .filter-group{align-items:center;display:flex;flex:1 1;gap:6px;min-width:180px}.ws-logs-filters .filter-group label{color:var(--text-2);font-size:12px;font-weight:500}.ws-logs-filters .filter-group select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);cursor:pointer;font-family:var(--font);font-size:12px;outline:none;padding:6px 10px;transition:var(--transition)}.ws-logs-filters .filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.ws-logs-filters .filter-group select:disabled{cursor:not-allowed;opacity:.5}.ws-logs-content{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);max-height:50vh;min-height:200px;overflow-y:auto;padding:12px}.ws-logs-content::-webkit-scrollbar{width:4px}.ws-logs-content::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:2px}.ws-logs-content::-webkit-scrollbar-track{background:#0000}.ws-logs-content .no-data{color:var(--text-3);font-size:13px;padding:40px 0}.ws-logs-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.ws-log-content-text{background:var(--bg-3);border-radius:var(--radius-xs);color:var(--text-1);font-family:var(--mono);font-size:12px;line-height:1.6;margin:0;padding:12px;white-space:pre-wrap;word-break:break-all}@media (max-width:768px){.section-card{padding:12px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.section-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.section-actions .btn{justify-content:center;width:100%}.rooms-grid,.user-config-grid{grid-template-columns:1fr}.preset-header{align-items:flex-start;flex-direction:column;gap:6px}.preset-template-select,.preset-template-select select{width:100%}.activity-type-item{flex-wrap:wrap}.priority-select{width:100%}.template-card-header{align-items:flex-start;flex-direction:column;gap:6px}.template-card-actions{align-self:flex-end}.ws-logs-modal{max-width:100%}.ws-logs-filters{flex-direction:column}.ws-logs-filters .filter-group{align-items:stretch;flex-direction:column;gap:4px;min-width:100%}}.email-config-modal{padding:10px 0}.email-config-desc{color:var(--text-2);font-size:12px;margin:0 0 16px}.email-config-form{display:flex;flex-direction:column;gap:16px}.email-config-field{display:flex;flex-direction:column;gap:6px}.email-config-field label{color:var(--text-1);font-size:13px;font-weight:500}.email-config-field input,.email-config-field select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:8px 12px;transition:var(--transition)}.email-config-field input:focus,.email-config-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.mall-goods-page{background:var(--bg-0);min-height:100vh;padding:16px}.mall-goods-container{background:#0000;margin:0 auto;max-width:1400px;padding:16px}.mall-goods-header{align-items:center;background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.mall-goods-header h1{color:var(--text-0);font-size:18px;font-weight:700;margin:0}.share-btn{align-items:center;background:var(--green);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:5px 10px;transition:var(--transition)}.share-btn:hover{opacity:.9}.collect-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:5px 10px;transition:var(--transition)}.collect-btn:hover:not(:disabled){opacity:.9}.collect-btn:disabled{background:var(--bg-3);cursor:not-allowed}.tabs{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;gap:6px;margin-bottom:16px;padding:6px}.tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:var(--transition)}.tab:hover{background:var(--bg-3);color:var(--text-1)}.tab.active{background:var(--accent);color:#fff}.filter-section{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:16px;padding:16px}.filter-section label{color:var(--text-3);font-size:12px}.filter-section input,.filter-section select{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1)}.filter-section input::placeholder{color:var(--text-3)}.filter-section input:focus,.filter-section select:focus{border-color:var(--accent);outline:none}.checkbox-item span{color:var(--text-2);font-size:12px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.filter-row:last-child{margin-bottom:0}.filter-item label{color:var(--text-3)}.filter-item input,.filter-item select{background:var(--bg-3);color:var(--text-1);font-size:11px;min-width:100px;padding:5px 10px}.price-range{align-items:center;display:flex;gap:6px}.price-range input{width:80px}.price-range span{color:var(--text-3);font-size:11px}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:4px}.checkbox-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:14px;width:14px}.filter-actions{gap:8px;margin-left:auto}.search-btn{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:11px;padding:5px 14px;transition:var(--transition)}.search-btn:hover{opacity:.9}.reset-btn{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;font-size:11px;padding:5px 14px;transition:var(--transition)}.reset-btn:hover{border-color:var(--border);color:var(--text-1)}@media (max-width:768px){.mall-goods-page{padding:0}.mall-goods-header{display:none!important}.tabs{overflow-x:auto}.filter-row{flex-direction:column}.filter-actions{margin-left:0}}.test-section{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:16px;padding:16px}.test-section h2{color:var(--text-0);font-size:18px;font-weight:700;margin-bottom:12px}.test-desc{margin-bottom:12px}.test-desc,.test-features{color:var(--text-3);font-size:12px}.test-features{margin-bottom:16px;padding-left:16px}.test-features li{line-height:1.6;margin-bottom:6px}.test-buttons{display:flex;flex-wrap:wrap;gap:8px}.test-content{display:flex;flex-direction:column;gap:10px}.test-content-item{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px}.test-content-item h4{color:var(--text-0);font-size:14px;font-weight:600;margin-bottom:6px}.test-content-item p{color:var(--text-3);font-size:12px;line-height:1.6}.test-form{display:flex;flex-direction:column;gap:0}.test-form .form-group{margin-bottom:14px}.test-form .form-group:last-child{margin-bottom:0}.test-form label{color:var(--text-2);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.test-wide-content h4{color:var(--text-0);font-size:15px;font-weight:600;margin-bottom:10px}.test-wide-content p{color:var(--text-3);font-size:12px;line-height:1.6}.test-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.test-tag{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);display:inline-block;font-size:11px;padding:4px 8px}@media (max-width:768px){.test-section{padding:12px}.test-section h2{font-size:15px}.test-buttons{flex-direction:column}.test-buttons .btn{width:100%}}.function-test-page{background:#0000}.function-test-page .test-page-content{display:flex;gap:12px;height:calc(100vh - 180px);min-height:400px}.function-test-page .test-list-section{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex:0 0 400px;flex-direction:column;overflow:hidden}.function-test-page .test-list-header{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 14px}.function-test-page .test-list-header h3{color:var(--text-0);font-size:14px;font-weight:600;margin:0}.function-test-page .test-count{color:var(--text-3);font-size:11px}.function-test-page .test-list{flex:1 1;overflow-y:auto;padding:10px}.function-test-page .test-item{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:8px;padding:12px;transition:var(--transition)}.function-test-page .test-item:hover{border-color:var(--border)}.function-test-page .test-item.active{background:var(--accent-dim);border-color:var(--accent)}.function-test-page .test-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.function-test-page .test-name{color:var(--text-0);font-size:12px;font-weight:600}.function-test-page .method-badge{border-radius:3px;font-size:9px;font-weight:600;padding:2px 6px;text-transform:uppercase}.function-test-page .method-get{background:var(--green-dim);color:var(--green)}.function-test-page .method-post{background:var(--accent-dim);color:var(--accent)}.function-test-page .method-put{background:var(--yellow-dim);color:var(--yellow)}.function-test-page .test-url{color:var(--text-3);font-family:var(--mono);font-size:10px;margin-bottom:8px;word-break:break-all}.function-test-page .test-item-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:8px}.function-test-page .test-time{color:var(--text-3);font-size:10px}.function-test-page .test-actions{display:flex;gap:6px}.function-test-page .test-response-section{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.function-test-page .response-header{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 14px}.function-test-page .response-header h3{color:var(--text-0);font-size:14px;font-weight:600;margin:0}.function-test-page .response-content{background:var(--bg-0);flex:1 1;overflow:auto;padding:14px}.function-test-page .response-body{word-wrap:break-word;color:var(--text-1);font-family:var(--mono);font-size:11px;line-height:1.6;margin:0;white-space:pre-wrap}.function-test-page .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 16px;text-align:center}.function-test-page .empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.function-test-page .empty-state p{color:var(--text-3);font-size:12px;margin:3px 0}.function-test-page .empty-hint{font-size:11px;opacity:.6}.function-test-page .empty-response{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.function-test-page .empty-response .empty-icon{font-size:48px;margin-bottom:14px}.function-test-page .empty-response p{color:var(--text-3);font-size:12px}.function-test-page .pagination{align-items:center;background:var(--bg-2);border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:center;padding:12px}.function-test-page .page-info{color:var(--text-3);font-size:11px}.function-test-page .modal-form{padding:6px 0}.function-test-page .modal-form .form-group{margin-bottom:14px}.function-test-page .modal-form .form-group label{color:var(--text-2);display:block;font-size:12px;font-weight:500;margin-bottom:4px}@media (max-width:768px){.function-test-page .test-page-content{flex-direction:column;height:auto}.function-test-page .test-list-section{flex:none;max-height:300px}}.device-logs-page{padding:20px}.filters-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);margin-bottom:16px;padding:14px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{color:var(--text-2);font-size:11px;font-weight:500}.filter-item input,.filter-item select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font);font-size:12px;min-width:140px;padding:6px 10px}.filter-item input:focus,.filter-item select:focus{border-color:var(--accent);outline:none}.filter-actions{display:flex;gap:6px}.logs-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px}.empty,.loading{color:var(--text-2);font-size:13px;padding:40px;text-align:center}.logs-table{border-collapse:collapse;min-width:600px;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid var(--border-light);padding:10px;text-align:left;white-space:nowrap}.logs-table th{color:var(--text-3);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.logs-table td{color:var(--text-1);font-size:12px}.logs-table tbody tr:hover{background:var(--bg-2)}.batch-actions{border-bottom:1px solid var(--border-light);display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.batch-actions .btn:disabled{cursor:not-allowed;opacity:.4}.logs-table td:first-child,.logs-table th:first-child{text-align:center;width:36px}.logs-table input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:16px;width:16px}.badge{border-radius:100px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.badge-login{background:var(--accent-dim);color:var(--accent)}.badge-operation{background:var(--purple-dim);color:var(--purple)}.badge-api{background:var(--cyan-dim);color:var(--cyan)}.badge-success{background:var(--green-dim);color:var(--green)}.badge-danger{background:var(--red-dim);color:var(--red)}.logs-table .btn{margin-right:6px}.logs-table .btn:last-child{margin-right:0}.pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.page-info{color:var(--text-2);font-size:12px}.log-detail{display:flex;flex-direction:column;gap:10px}.detail-row{border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:6px 0}.detail-row:last-child{border-bottom:none}.detail-label{font-size:12px;font-weight:500;min-width:80px}.detail-value{flex:1 1}.detail-value.user-agent{font-size:11px;word-break:break-all}.device-logs-page .logs-list{display:none}.log-card{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px}.log-card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.log-card-time{color:var(--text-3);font-size:11px}.log-card-body{display:flex;flex-direction:column;gap:6px}.log-card-row{align-items:center;display:flex;justify-content:space-between}.log-card-label{color:var(--text-3);font-size:11px}.log-card-value{color:var(--text-1);font-size:12px}.log-card-actions{border-top:1px solid var(--border-light);display:flex;gap:6px;margin-top:10px;padding-top:10px}.log-card-actions .btn{flex:1 1}@media (max-width:768px){.device-logs-page{padding:12px}.page-header h1{font-size:18px}.filters-card{padding:12px}.filters-row{flex-direction:column;gap:10px}.filter-item{width:100%}.filter-item input,.filter-item select{min-width:auto;width:100%}.filter-actions{width:100%}.filter-actions .btn{flex:1 1}.logs-card{padding:12px}.logs-table{display:none}.logs-list{display:block}.pagination{flex-wrap:wrap;gap:10px}.page-info{order:-1;text-align:center;width:100%}.log-detail{gap:8px}.detail-row{flex-direction:column;gap:3px}.detail-label{min-width:auto}}.dlc-modal-wide.custom-modal-container{display:flex;flex-direction:column;height:80vh;max-width:1080px;width:96vw}.dlc-loading{color:var(--text-2);padding:40px;text-align:center}.dlc-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;height:100%;min-height:0}.dlc-left,.dlc-right{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.dlc-left-title{color:var(--text-1);font-size:13px;font-weight:600;letter-spacing:.05em;padding:10px 12px 2px;text-transform:uppercase}.dlc-left-help{border-bottom:1px solid var(--border);color:var(--text-3);font-size:11px;padding:0 12px 8px}.dlc-section-list{display:flex;flex:0 0 auto;flex-direction:column;gap:6px;padding:8px}.dlc-section-row{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;position:relative;transition:all .15s}.dlc-section-row.dlc-off{cursor:default;opacity:.5}.dlc-section-row.dlc-active{background:var(--accent-dim);border-color:var(--accent)}.dlc-section-row.dlc-active:before{background:var(--accent);border-radius:6px 0 0 6px;bottom:-1px;content:"";left:-1px;position:absolute;top:-1px;width:3px}.dlc-section-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.dlc-section-icon{align-items:center;background:var(--bg-3);border-radius:6px;display:flex;flex-shrink:0;font-size:22px;height:32px;justify-content:center;width:32px}.dlc-section-text{flex:1 1;min-width:0}.dlc-section-name{color:var(--text-0);font-size:13px;font-weight:600}.dlc-section-desc{color:var(--text-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlc-section-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.dlc-drag-handle{color:var(--text-3);cursor:grab;font-size:14px;letter-spacing:-2px;padding:0 4px;-webkit-user-select:none;user-select:none}.dlc-drag-handle:hover{color:var(--text-1)}.dlc-drag-handle:active{cursor:grabbing}.dlc-switch{display:inline-block;height:20px;margin-right:4px;position:relative;width:36px}.dlc-switch input{height:0;opacity:0;width:0}.dlc-switch-slider{background:var(--bg-3);border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:.2s}.dlc-switch-slider:before{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:.2s;width:14px}.dlc-switch input:checked+.dlc-switch-slider{background:var(--accent)}.dlc-switch input:checked+.dlc-switch-slider:before{transform:translateX(16px)}.dlc-icon-btn{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;color:var(--text-2);cursor:pointer;display:flex;font-size:12px;height:26px;justify-content:center;padding:0;transition:all .15s;width:26px}.dlc-icon-btn:hover:not(:disabled){background:var(--bg-3);border-color:var(--accent);color:var(--text-0)}.dlc-icon-btn:disabled{cursor:not-allowed;opacity:.3}.dlc-icon-btn-danger:hover:not(:disabled){background:var(--red-dim);border-color:var(--red);color:var(--red)}.dlc-section-detail{background:var(--bg-2);border-top:1px solid var(--border);flex:1 1;min-height:0;overflow-y:auto;padding:12px}.dlc-detail-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dlc-detail-head h5{color:var(--text-1);font-size:13px;font-weight:600;margin:0}.dlc-check-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.dlc-check-item{align-items:center;background:var(--bg-1);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 8px;transition:all .15s}.dlc-check-item:hover{background:var(--bg-3);border-color:var(--accent)}.dlc-check-item input{margin:0}.dlc-quick-list{display:flex;flex-direction:column;gap:6px}.dlc-quick-row{align-items:center;background:var(--bg-1);border:1px solid var(--border);border-radius:6px;display:flex;gap:10px;padding:8px 10px}.dlc-quick-icon{font-size:20px;text-align:center;width:28px}.dlc-quick-info{flex:1 1;min-width:0}.dlc-quick-name{color:var(--text-0);font-size:13px;font-weight:500}.dlc-quick-path{color:var(--text-2);font-family:ui-monospace,monospace;font-size:11px}.dlc-empty{color:var(--text-3);font-size:12px;padding:20px;text-align:center}.dlc-preview-header{background:var(--bg-2);border-bottom:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;padding:10px 12px}.dlc-preview{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.dlc-preview-empty{align-items:center;color:var(--text-3);display:flex;flex:1 1;font-size:13px;justify-content:center;padding:30px}.dlc-preview-block{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px}.dlc-preview-block-title{color:var(--text-1);font-size:12px;font-weight:600;margin-bottom:8px}.dlc-preview-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dlc-preview-stat{background:var(--bg-1);border:1px solid var(--border);border-radius:4px;padding:12px 8px;text-align:center}.dlc-preview-stat-value{color:var(--accent);font-size:20px;font-weight:600}.dlc-preview-stat-label{color:var(--text-2);font-size:11px;margin-top:4px}.dlc-preview-entries{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.dlc-preview-entry{background:var(--bg-1);border:1px solid var(--border);border-radius:4px;padding:10px 6px;text-align:center}.dlc-preview-entry-icon{font-size:22px}.dlc-preview-entry-name{color:var(--text-1);font-size:11px;margin-top:4px}.dlc-entry-modal-mask{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dlc-entry-modal{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:560px}.dlc-entry-modal-head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 20px}.dlc-entry-modal-head h3{color:var(--text-0);font-size:15px;margin:0}.dlc-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-2);cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.dlc-close:hover{background:var(--bg-3);color:var(--text-0)}.dlc-entry-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.dlc-form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.dlc-form-row label{color:var(--text-1);font-size:12px;font-weight:500}.dlc-form-row input{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:inherit;font-size:13px;padding:6px 10px}.dlc-form-row input:focus{border-color:var(--accent);outline:none}.required{color:var(--red)}.dlc-icon-row{align-items:center;display:flex;gap:10px;margin-bottom:6px}.dlc-current-icon{align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.dlc-custom-icon-input{flex:1 1}.dlc-icon-grid{grid-gap:4px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);max-height:180px;overflow-y:auto;padding:6px}.dlc-icon-cell{align-items:center;aspect-ratio:1;background:var(--bg-1);border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:20px;justify-content:center}.dlc-icon-cell:hover{background:var(--bg-3);border-color:var(--accent)}.dlc-icon-cell.dlc-selected{background:var(--accent-dim);border-color:var(--accent)}.dlc-icon-hint{color:var(--text-3);font-size:11px;margin-top:4px}.dlc-entry-modal-foot{border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.permissions-page{padding:20px}.page-header h1{margin-bottom:4px}.page-subtitle{color:var(--text-2);font-size:12px}.actions-bar{margin-bottom:16px}.roles-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px}.loading{color:var(--text-2);font-size:13px;padding:40px;text-align:center}.roles-table{border-collapse:collapse;width:100%}.roles-table td,.roles-table th{border-bottom:1px solid var(--border-light);padding:10px;text-align:left;white-space:nowrap}.roles-table th{color:var(--text-3);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.roles-table td{color:var(--text-1);font-size:12px}.roles-table thead tr{white-space:nowrap}.roles-table tbody tr:hover{background:var(--bg-2)}.role-id{background:var(--bg-3);border-radius:3px;font-family:var(--mono);font-size:11px;padding:3px 6px}.badge-system{background:var(--accent-dim);border-radius:3px;color:var(--accent);font-size:10px;margin-left:6px;padding:1px 6px}.menu-tags{display:flex;flex-wrap:wrap;gap:4px}.menu-tag{background:var(--bg-3);border-radius:3px;color:var(--text-1);display:inline-block;font-size:10px;padding:2px 6px}.no-permission{color:var(--text-3);font-size:11px;font-style:italic}.roles-card .table-actions,.roles-table .table-actions{display:flex;flex-wrap:wrap;gap:6px}.roles-table .btn{margin-right:0}.roles-table .table-actions .btn{font-size:11px;line-height:1.5;padding:4px 8px}.permission-edit{padding:6px 0}.edit-actions{border-bottom:1px solid var(--border-light);display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.menu-list{display:flex;flex-direction:column;gap:6px}.menu-item{align-items:center;background:var(--bg-2);border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px;transition:var(--transition)}.menu-item:hover{border-color:var(--border)}.menu-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:16px;width:16px}.menu-label{color:var(--text-0);font-size:13px;font-weight:600}.menu-path{color:var(--text-3);font-family:var(--mono);font-size:11px;margin-left:auto}.create-role-form{display:flex;flex-direction:column;gap:14px}.form-group label{color:var(--text-2);font-size:12px;font-weight:500}.form-group .required{color:var(--red)}.form-group input,.form-group textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font);font-size:12px;padding:8px 10px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group .hint{color:var(--text-3);font-size:11px}.roles-list{display:none}.role-card{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px}.role-card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.role-card-title{align-items:center;display:flex;gap:6px}.role-card-name{color:var(--text-0);font-size:14px;font-weight:600}.role-card-body{gap:10px}.role-card-body,.role-card-row{display:flex;flex-direction:column}.role-card-row{gap:4px}.role-card-label{color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.role-card-value{color:var(--text-2);font-size:12px}.role-card-menus{display:flex;flex-wrap:wrap;gap:4px}.role-card-actions{border-top:1px solid var(--border-light);display:flex;gap:6px;margin-top:10px;padding-top:10px}@media (max-width:768px){.permissions-page{padding:12px}.page-header h1{font-size:18px}.roles-table{display:none}.roles-list{display:block}.roles-card{padding:12px}.table-actions{flex-direction:column;gap:4px}.table-actions .btn{width:100%}}.menus-table-container{overflow-x:auto}.menus-table{border-collapse:collapse;min-width:500px;width:100%}.menus-table td,.menus-table th{border-bottom:1px solid var(--border-light);padding:10px 12px;text-align:left;white-space:nowrap}.menus-table th{background:var(--bg-2);color:var(--text-3);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.menus-table td{color:var(--text-1);font-size:12px}.menus-table tbody tr:hover{background:var(--bg-2)}.menus-table code{background:var(--bg-3);border-radius:3px;color:var(--accent);font-family:var(--mono);font-size:11px;padding:2px 5px}.menu-icon{font-size:16px}.menu-form .form-group{margin-bottom:14px}.menu-form label{color:var(--text-2);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.menu-form .required{color:var(--red)}.menu-form .form-hint{color:var(--text-3);display:block;font-size:11px;margin-top:2px}.empty-state{padding:50px 16px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px}.empty-state p{color:var(--text-2);font-size:13px;margin-bottom:16px}.menus-table-container .table-actions{display:flex;flex-wrap:wrap;gap:6px}.menus-table-container .table-actions .btn{font-size:11px;line-height:1.5;padding:4px 8px}@media (max-width:768px){.menus-table-container{margin:0;padding:0}.menus-table{min-width:100%}.menus-table td,.menus-table th{font-size:11px;padding:6px}.menus-table td:nth-child(2),.menus-table td:nth-child(3),.menus-table td:nth-child(5),.menus-table th:nth-child(2),.menus-table th:nth-child(3),.menus-table th:nth-child(5){display:none}.menus-table td:first-child,.menus-table th:first-child{text-align:center;width:40px}.menus-table-container .table-actions{flex-direction:row;gap:4px}.menus-table-container .table-actions .btn{font-size:10px;padding:3px 6px}}.invite-codes-page{padding:0}.invite-codes-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.invite-codes-page .page-header .header-left{display:flex;flex-direction:column;gap:4px}.invite-codes-page .page-header h1{align-items:center;color:var(--text-0);display:flex;font-size:18px;font-weight:600;gap:8px}.invite-codes-page .page-header .header-desc{color:var(--text-2);font-size:13px;margin:0}.invite-codes-page .page-header .btn-add-app{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.invite-codes-page .page-header .btn-add-app:hover{background:var(--accent-hover)}.invite-codes-page .new-codes-banner{background:var(--green-dim);border:1px solid #3dd68c4d;border-radius:12px;margin-bottom:24px;padding:20px}.invite-codes-page .new-codes-banner .banner-header{align-items:center;color:var(--green);display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:16px}.invite-codes-page .new-codes-banner .btn-close{background:none;border:none;color:var(--green);cursor:pointer;font-size:18px;padding:4px}.invite-codes-page .new-codes-list{display:flex;flex-direction:column;gap:10px}.invite-codes-page .new-code-item{align-items:center;background:var(--bg-2);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.invite-codes-page .new-code-item .code-text{color:var(--green);font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:1px}.invite-codes-page .new-code-item .code-days{background:var(--bg-3);border-radius:4px;color:var(--text-2);font-size:12px;padding:2px 8px}.invite-codes-page .new-code-item .ic-btn{margin-left:auto}.invite-codes-page .banner-footer{margin-top:12px;text-align:right}.invite-codes-page .filter-bar{display:flex;gap:8px;margin-bottom:20px}.invite-codes-page .filter-btn{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;color:var(--text-1);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.invite-codes-page .filter-btn:hover{border-color:var(--accent);color:var(--accent)}.invite-codes-page .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.invite-codes-page .codes-table-container{background:var(--bg-2);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.invite-codes-page .codes-table{border-collapse:collapse;width:100%}.invite-codes-page .codes-table th{background:var(--bg-3);border-bottom:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.invite-codes-page .codes-table td{border-bottom:1px solid var(--border-light);color:var(--text-1);font-size:14px;padding:14px 16px}.invite-codes-page .codes-table tr:last-child td{border-bottom:none}.invite-codes-page .codes-table tr:hover td{background:var(--bg-3)}.invite-codes-page .codes-table .used-row{opacity:.6}.invite-codes-page .code-value{color:var(--accent);font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.5px}.invite-codes-page .note-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-codes-page .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.invite-codes-page .status-badge.unused{background:var(--green-dim);color:var(--green)}.invite-codes-page .status-badge.used{background:var(--bg-4);color:var(--text-3)}.invite-codes-page .status-badge.expired{background:var(--red-dim);color:var(--red)}.invite-codes-page .type-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.invite-codes-page .type-badge.register{background:var(--accent-dim);color:var(--accent)}.invite-codes-page .type-badge.renew{background:var(--yellow-dim);color:var(--yellow)}.invite-codes-page .expire-at{color:var(--text-3);font-size:11px;margin-top:2px}.invite-codes-page .code-type{background:var(--bg-3);border-radius:4px;color:var(--text-2);font-size:12px;padding:2px 8px}.invite-codes-page .type-selector{display:flex;gap:8px}.invite-codes-page .type-btn{background:var(--bg-3);border:2px solid var(--border);border-radius:8px;color:var(--text-1);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s}.invite-codes-page .type-btn.active,.invite-codes-page .type-btn:hover{border-color:var(--accent);color:var(--accent)}.invite-codes-page .type-btn.active{background:var(--accent-dim)}.invite-codes-page .user-info-cell{display:flex;flex-direction:column;gap:2px}.invite-codes-page .user-info-cell .user-name{color:var(--text-1);font-size:13px;font-weight:500}.invite-codes-page .user-info-cell .user-account{color:var(--text-3);font-size:11px}.invite-codes-page .action-btns{display:flex;gap:6px}.invite-codes-page .loading-state{color:var(--text-2);padding:60px;text-align:center}.invite-codes-page .loading-state .spinner{animation:ic-spin .8s linear infinite;border:3px solid var(--bg-4);border-radius:50%;border-top-color:var(--accent);height:36px;margin:0 auto 12px;width:36px}@keyframes ic-spin{to{transform:rotate(1turn)}}.invite-codes-page .empty-state{color:var(--text-3);padding:60px;text-align:center}.invite-codes-page .empty-state .icon{font-size:48px;margin-bottom:12px}.invite-codes-page .generate-form{padding:8px 0}.invite-codes-page .generate-form .form-group{margin-bottom:20px}.invite-codes-page .generate-form label{color:var(--text-1);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.invite-codes-page .generate-form input{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;color:var(--text-0);font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.invite-codes-page .generate-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.invite-codes-page .generate-form input::placeholder{color:var(--text-3)}.invite-codes-page .quick-days{display:flex;gap:8px;margin-top:8px}.invite-codes-page .quick-days button{background:var(--bg-4);border:1px solid var(--border);border-radius:6px;color:var(--text-1);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.invite-codes-page .quick-days button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.invite-codes-page .form-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.invite-codes-page .delete-confirm p{color:var(--text-1);font-size:14px;margin-bottom:12px}.invite-codes-page .delete-confirm .warning{background:var(--yellow-dim);border-radius:6px;color:var(--yellow);font-size:13px;padding:10px}.invite-codes-page .ic-btn{font-size:14px;padding:10px 20px}.invite-codes-page .ic-btn,.invite-codes-page .ic-btn-sm{border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all var(--transition)}.invite-codes-page .ic-btn-sm{font-size:12px;padding:6px 12px}.invite-codes-page .ic-btn-primary{background:var(--accent);color:#fff}.invite-codes-page .ic-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.invite-codes-page .ic-btn-primary:disabled{cursor:not-allowed;opacity:.5}.invite-codes-page .ic-btn-secondary{background:var(--bg-4);border:1px solid var(--border);color:var(--text-1)}.invite-codes-page .ic-btn-secondary:hover{background:var(--bg-3)}.invite-codes-page .ic-btn-success{background:var(--green);color:#1a1a2e}.invite-codes-page .ic-btn-danger{background:var(--red);color:#fff}.invite-codes-page .ic-btn-danger:hover:not(:disabled){opacity:.9}.invite-codes-page .ic-btn-danger-outline{background:#0000;border:1px solid var(--red);color:var(--red);padding:6px 10px}.invite-codes-page .ic-btn-danger-outline:hover{background:var(--red-dim)}.invite-codes-page .ic-btn-outline{background:#0000;border:1px solid var(--accent);color:var(--accent)}.invite-codes-page .ic-btn-outline:hover{background:var(--accent-dim)}@media (max-width:768px){.invite-codes-page .page-header{align-items:flex-start;flex-direction:column}.invite-codes-page .filter-bar{flex-wrap:wrap}.invite-codes-page .codes-table-container{border-radius:0;margin:0 -10px;padding:0}.invite-codes-page .codes-table{font-size:11px;min-width:700px}.invite-codes-page .codes-table td,.invite-codes-page .codes-table th{padding:8px 10px}.invite-codes-page .codes-table td:nth-child(n+6),.invite-codes-page .codes-table th:nth-child(n+6){display:none}.invite-codes-page .codes-table td:first-child,.invite-codes-page .codes-table th:first-child{background:var(--bg-0);left:0;position:sticky;z-index:1}.invite-codes-page .codes-table th:first-child{background:var(--bg-3)}.invite-codes-page .note-cell{max-width:80px}}.licenses-page{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 60px);margin:0 auto;max-width:1400px;padding:16px}.page-header{background:var(--bg-0);margin-bottom:8px;padding-bottom:8px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.licenses-page .table-container{flex:1 1;min-height:0;overflow:auto}.licenses-page .table-container .table{min-width:900px}.licenses-page .table-container .table.table-empty-state{min-width:0}.table-empty{padding:60px 0!important;text-align:center!important;vertical-align:middle}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px}.filter-bar,.filter-group{align-items:center;display:flex}.filter-group select{min-width:130px}.search-group{display:flex;flex:1 1;gap:6px;min-width:250px}.search-group input{flex:1 1}.project-name{background:var(--accent-dim);border-radius:100px;color:var(--accent);display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.license-key-cell{align-items:center;display:flex;gap:6px}.license-key{background:var(--accent-dim);color:var(--accent);padding:3px 6px}.license-key,.machine-id{border-radius:3px;font-family:var(--mono);font-size:11px}.machine-id{background:var(--bg-3);padding:2px 5px}.row-expired{opacity:.5}.row-expired td{color:var(--text-3)}.status-badge{font-size:10px}.status-suspended{background:var(--yellow-dim);color:var(--yellow)}.status-expired{background:var(--red-dim);color:var(--red)}.status-invalid,.status-unknown{background:var(--bg-3);color:var(--text-3)}.text-danger{color:var(--red)}.license-form{display:flex;flex-direction:column;gap:14px}.input.textarea{min-height:50px;resize:vertical}.modal-large{max-width:480px}.licenses-page .desktop-only{display:block}.licenses-page .mobile-cards,.licenses-page .mobile-only{display:none}@media (max-width:768px){.licenses-page{padding:10px}.header-actions{flex-direction:row;flex-wrap:wrap;gap:6px}.header-actions .btn{font-size:12px;padding:5px 10px;white-space:nowrap}.filter-bar{align-items:stretch;flex-direction:column}.search-group{min-width:auto}.licenses-page .table-container{margin:0 -10px;padding:0 10px}.licenses-page .table-container .table{min-width:800px}.licenses-page .table-container .table td,.licenses-page .table-container .table th{font-size:11px;padding:8px 10px}.licenses-page .table-container .table td:nth-child(n+6),.licenses-page .table-container .table th:nth-child(n+6){display:none}.licenses-page .table-container .table td:first-child,.licenses-page .table-container .table th:first-child{background:var(--bg-0);left:0;position:sticky;z-index:1}.licenses-page .table-container .table th:first-child{background:var(--bg-2)}.licenses-page .table-actions{flex-direction:column;gap:4px}.licenses-page .table-actions .btn{width:100%}.licenses-page .desktop-only{display:none!important}.licenses-page .mobile-only{display:block!important}.licenses-page .mobile-cards{display:flex!important;flex-direction:column;gap:10px;padding:4px 0 16px}.license-mobile-empty{color:var(--text-2);font-size:14px;padding:60px 0;text-align:center}.license-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;padding:14px}.license-card-expired{opacity:.7}.license-card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:8px;justify-content:space-between;padding-bottom:10px}.license-card-key{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.license-card-key .license-key{font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.license-card-project{margin-top:-4px}.license-card-body{display:flex;flex-direction:column;gap:8px}.license-card-row{align-items:center;display:flex;font-size:12px;gap:10px;justify-content:space-between}.license-card-label{color:var(--text-3);flex-shrink:0}.license-card-value{color:var(--text-1);min-width:0;text-align:right;word-break:break-all}.license-card-value .machine-id{font-size:11px}.license-card-desc{line-height:1.4;max-width:60%;text-align:right}.license-card-actions{border-top:1px solid var(--border-light);display:flex;gap:6px;padding-top:10px}.license-card-actions .btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;flex:1 1;font-size:12px;gap:3px;justify-content:center;padding:8px 4px;white-space:nowrap}}.api-keys-info{margin-bottom:16px}.api-keys-page .table-container{overflow-x:auto}.api-keys-page .table-container .table{border-collapse:collapse;width:100%}.api-keys-page .table-container .table td,.api-keys-page .table-container .table th{border-bottom:1px solid var(--border-light);padding:10px 14px;text-align:left}.api-keys-page .table-container .table td:nth-child(2),.api-keys-page .table-container .table th:nth-child(2){max-width:300px}.api-keys-page .table-container .table td:nth-child(6),.api-keys-page .table-container .table th:nth-child(6){white-space:nowrap;width:100px}.info-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);padding:14px}.info-card h4{color:var(--text-0);font-size:14px;font-weight:600;margin-bottom:10px}.info-card p{color:var(--text-2);font-size:12px;margin-bottom:10px}.info-card pre{background:var(--bg-3);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--mono);font-size:11px;line-height:1.6;overflow-x:auto;padding:12px}.info-card code{background:var(--accent-dim);border-radius:3px;color:var(--accent);font-size:11px;padding:1px 5px}.api-key-cell{align-items:center;display:flex;gap:6px}.api-key-value{background:var(--accent-dim);border-radius:3px;color:var(--accent);display:inline-block;font-family:var(--mono);font-size:11px;max-width:200px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.btn-copy{background:none;border:none;cursor:pointer;font-size:12px;opacity:.5;padding:3px;transition:var(--transition)}.btn-copy:hover{opacity:1}.status-badge{border-radius:100px;font-size:11px;font-weight:600;padding:2px 8px}.status-active{background:var(--green-dim);color:var(--green)}.status-disabled{background:var(--red-dim);color:var(--red)}.text-center{text-align:center}.text-secondary{color:var(--text-2)}.api-key-form{gap:14px}.api-key-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:var(--text-2);font-size:12px;font-weight:500}.form-hint{color:var(--text-3);font-size:11px;margin-top:2px}.text-expired{color:var(--red);font-weight:600}.modal-dialog{animation:modalSlideUp .3s ease;background:var(--bg-1);border-radius:var(--radius);box-shadow:var(--shadow);max-width:380px;padding:24px;width:90%}.modal-title{color:var(--text-0);font-size:16px;font-weight:700;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header{align-items:center;flex-wrap:wrap;gap:12px}.page-header h1{margin-bottom:2px}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:var(--green);opacity:.9}.api-keys-page .btn-secondary{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1)}.api-keys-page .btn-secondary:hover{border-color:var(--text-3)}.api-keys-page .btn-info{background:var(--accent);color:#fff}.api-keys-page .btn-info:hover{opacity:.9}.api-keys-page .btn-warning{background:var(--yellow);color:#000}.api-keys-page .btn-warning:hover{opacity:.9}.api-keys-page .btn-danger{background:var(--red);color:#fff}.api-keys-page .btn-danger:hover{opacity:.9}.api-keys-page .table-actions .btn-sm{border-radius:var(--radius-sm);font-size:11px;padding:4px 8px}@media (max-width:768px){.api-keys-page{max-width:100vw;overflow-x:hidden}.api-keys-page .page-header{align-items:flex-start;flex-direction:column;gap:8px}.api-keys-page .page-header h1{font-size:16px}.api-keys-page .header-actions{gap:6px}.api-keys-page .header-actions .btn{font-size:12px;padding:5px 10px}.api-keys-page .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.api-keys-page .table-container .table{min-width:0;table-layout:fixed;width:100%}.api-keys-page .table-container .table td:first-child,.api-keys-page .table-container .table th:first-child{width:30%}.api-keys-page .table-container .table td:nth-child(2),.api-keys-page .table-container .table th:nth-child(2){width:40%}.api-keys-page .table-container .table td:nth-child(6),.api-keys-page .table-container .table th:nth-child(6){width:30%}.api-keys-page .table-container .table td,.api-keys-page .table-container .table th{font-size:11px;padding:8px 6px}.api-keys-page .table-container .table td:nth-child(3),.api-keys-page .table-container .table td:nth-child(4),.api-keys-page .table-container .table td:nth-child(5),.api-keys-page .table-container .table th:nth-child(3),.api-keys-page .table-container .table th:nth-child(4),.api-keys-page .table-container .table th:nth-child(5){display:none}.api-key-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-cell{gap:4px}.btn-copy{flex-shrink:0}.api-keys-page .table-actions{flex-direction:row;flex-wrap:wrap;gap:2px}.api-keys-page .table-actions .btn{font-size:9px;padding:2px 4px;white-space:nowrap}}.ai-assistant-page{display:flex;height:calc(100vh - 32px)}.ai-assistant-page .session-sidebar{background:var(--bg-2);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease;width:220px}.ai-assistant-page .session-sidebar.closed{overflow:hidden;width:0}@media (max-width:768px){.ai-assistant-page .session-sidebar{box-shadow:2px 0 8px #0003;height:calc(100vh - 68px);left:0;position:absolute;top:68px;z-index:100}.ai-assistant-page .session-sidebar.closed{opacity:0;pointer-events:none;width:0}.ai-assistant-page .session-sidebar.open{opacity:1;pointer-events:auto;width:220px}.ai-assistant-page .sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:68px;z-index:99}.ai-assistant-page .chat-main .page-header{background:var(--bg-0);position:sticky;top:68px;z-index:10}.ai-assistant-page .provider-select{display:none!important}}.ai-assistant-page .session-sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:14px}.ai-assistant-page .session-sidebar-header h3{color:var(--text-0);font-size:14px;font-weight:600;margin:0}.ai-assistant-page .btn-new-chat{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font);font-size:11px;padding:4px 10px}.ai-assistant-page .btn-new-chat:hover{opacity:.9}.ai-assistant-page .session-list{flex:1 1;overflow-y:auto;padding:6px}.ai-assistant-page .empty-sessions{color:var(--text-3);font-size:12px;padding:16px;text-align:center}.ai-assistant-page .session-item{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:4px;padding:10px;transition:var(--transition)}.ai-assistant-page .session-item:hover{background:var(--bg-3);border-color:var(--border-light)}.ai-assistant-page .session-item.active{background:var(--accent-dim);border-color:var(--accent)}.ai-assistant-page .session-title{color:var(--text-1);font-size:12px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-assistant-page .session-item.active .session-title{color:var(--accent);font-weight:600}.ai-assistant-page .session-meta{align-items:center;color:var(--text-3);display:flex;font-size:10px;justify-content:space-between}.ai-assistant-page .btn-delete-session{background:none;border:none;color:var(--red);cursor:pointer;font-size:11px;opacity:0;padding:2px 3px;transition:opacity .2s}.ai-assistant-page .session-item:hover .btn-delete-session{opacity:1}.ai-assistant-page .btn-delete-session:hover{background:var(--red-dim);border-radius:3px}.ai-assistant-page .chat-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 0 0 12px}.ai-assistant-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.ai-assistant-page .header-left{align-items:center;display:flex;gap:10px}.ai-assistant-page .btn-toggle-sidebar{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-size:12px;padding:6px 10px}.ai-assistant-page .btn-toggle-sidebar:hover{border-color:var(--border);color:var(--text-0)}.ai-assistant-page .btn-back{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-size:12px;padding:6px 10px;transition:var(--transition)}.ai-assistant-page .btn-back:hover{border-color:var(--border);color:var(--text-0)}.ai-assistant-page .page-header h1{color:var(--text-0);font-size:20px;font-weight:700;margin:0}.ai-assistant-page .header-actions{align-items:center;display:flex;gap:8px}.ai-assistant-page .header-actions .btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-size:11px;padding:5px 12px;transition:var(--transition)}.ai-assistant-page .header-actions .btn-secondary{background:var(--bg-3);color:var(--text-1)}.ai-assistant-page .header-actions .btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.ai-assistant-page .provider-select{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:11px;outline:none;padding:5px 10px}.ai-assistant-page .provider-select:focus{border-color:var(--accent)}.ai-assistant-page .btn-danger{background:var(--red);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font);font-size:11px;padding:5px 12px;transition:var(--transition)}.ai-assistant-page .btn-danger:hover{opacity:.9}.ai-assistant-page .btn-config-shortcuts{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:11px;padding:5px 12px;transition:var(--transition)}.ai-assistant-page .btn-config-shortcuts:hover{border-color:var(--accent);color:var(--accent)}.ai-assistant-page .chat-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.ai-assistant-page .messages-container{flex:1 1;overflow-y:auto;padding:16px 0}.ai-assistant-page .empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.ai-assistant-page .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.ai-assistant-page .empty-state p{color:var(--text-3);font-size:13px;margin-bottom:16px}.ai-assistant-page .suggestion-list{display:flex;flex-direction:column;gap:8px;max-width:400px;width:100%}.ai-assistant-page .suggestion-item{align-items:center;background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:var(--transition)}.ai-assistant-page .suggestion-item:hover{background:var(--accent-dim);border-color:var(--accent)}.ai-assistant-page .shortcut-icon{flex-shrink:0;font-size:14px}.ai-assistant-page .shortcut-label{color:var(--text-1);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-assistant-page .btn-delete-shortcut,.ai-assistant-page .btn-edit-shortcut{background:none;border:none;border-radius:3px;color:var(--text-3);cursor:pointer;font-size:11px;opacity:0;padding:2px 4px;transition:opacity .2s}.ai-assistant-page .suggestion-item:hover .btn-delete-shortcut,.ai-assistant-page .suggestion-item:hover .btn-edit-shortcut{opacity:1}.ai-assistant-page .btn-edit-shortcut:hover{color:var(--accent)}.ai-assistant-page .btn-delete-shortcut:hover{background:var(--red-dim);color:var(--red)}.ai-assistant-page .message{display:flex;gap:10px;padding:12px 0}.ai-assistant-page .message.user{flex-direction:row-reverse}.ai-assistant-page .message-avatar{align-items:center;background:var(--bg-3);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.ai-assistant-page .message.user .message-avatar{background:var(--accent-dim)}.ai-assistant-page .message.assistant .message-avatar{background:var(--bg-3)}.ai-assistant-page .message-content{max-width:70%;min-width:0}.ai-assistant-page .message.user .message-content{align-items:flex-end;display:flex;flex-direction:column}.ai-assistant-page .message-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.ai-assistant-page .message.user .message-header{flex-direction:row-reverse}.ai-assistant-page .message-role{color:var(--text-2);font-size:11px;font-weight:600}.ai-assistant-page .message-time{color:var(--text-3);font-size:10px}.ai-assistant-page .message-body{border-radius:var(--radius-sm);color:var(--text-1);font-size:12px;line-height:1.7;padding:10px 12px;word-break:break-word}.ai-assistant-page .message.user .message-body{background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 2px var(--radius-sm);color:#fff}.ai-assistant-page .message.assistant .message-body{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 2px}.ai-assistant-page .message.error .message-body{background:var(--red-dim);border-color:var(--red);color:var(--red)}.ai-assistant-page .message.loading .message-content{align-items:center;display:flex}.ai-assistant-page .typing-indicator{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;gap:4px;padding:10px 12px}.ai-assistant-page .typing-indicator span{animation:typing 1.4s infinite;background:var(--text-3);border-radius:50%;height:6px;width:6px}.ai-assistant-page .typing-indicator span:nth-child(2){animation-delay:.2s}.ai-assistant-page .typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.ai-assistant-page .json-content{background:var(--bg-3);border-radius:var(--radius-sm);color:var(--text-1);font-family:var(--mono);font-size:11px;margin:0;overflow-x:auto;padding:10px}.ai-assistant-page .input-container{border-top:1px solid var(--border-light);flex-shrink:0;padding:12px 0}.ai-assistant-page .quick-shortcuts{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ai-assistant-page .quick-shortcuts-label{color:var(--text-3);flex-shrink:0;font-size:11px}.ai-assistant-page .btn-shortcut-chip{background:#0000;border:1px solid var(--border);border-radius:100px;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:10px;padding:3px 8px;transition:var(--transition);white-space:nowrap}.ai-assistant-page .btn-shortcut-chip:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.ai-assistant-page .input-wrapper{position:relative}.ai-assistant-page .input-wrapper textarea{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-0);font-family:var(--font);font-size:12px;line-height:1.6;max-height:120px;min-height:60px;outline:none;padding:10px 12px;resize:none;width:100%}.ai-assistant-page .input-wrapper textarea:focus{border-color:var(--accent)}.ai-assistant-page .input-wrapper textarea::placeholder{color:var(--text-3)}.ai-assistant-page .input-wrapper textarea.recording-input{border-color:var(--red)}.ai-assistant-page .input-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.ai-assistant-page .btn-voice{align-items:center;background:var(--bg-3);border:1px solid var(--border);border-radius:50%;color:var(--text-1);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:var(--transition);width:32px}.ai-assistant-page .btn-voice:hover{border-color:var(--accent)}.ai-assistant-page .btn-voice.recording{animation:pulse 1.5s infinite;background:var(--red);border-color:var(--red)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #f666}50%{box-shadow:0 0 0 6px #f660}}.ai-assistant-page .send-btn{align-items:center;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:var(--transition);width:32px}.ai-assistant-page .send-btn:hover{opacity:.9}.ai-assistant-page .send-btn:disabled{cursor:not-allowed;opacity:.4}.ai-assistant-page .voice-recording-indicator{align-items:center;background:var(--red-dim);border:1px solid var(--red);border-radius:var(--radius-sm);display:flex;gap:8px;margin-bottom:8px;padding:8px 12px}.ai-assistant-page .voice-wave{align-items:center;display:flex;gap:3px}.ai-assistant-page .voice-wave span{animation:wave .8s ease-in-out infinite;background:var(--red);border-radius:2px;height:14px;width:3px}.ai-assistant-page .voice-wave span:nth-child(2){animation-delay:.1s}.ai-assistant-page .voice-wave span:nth-child(3){animation-delay:.2s}.ai-assistant-page .voice-wave span:nth-child(4){animation-delay:.3s}.ai-assistant-page .voice-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:6px}50%{height:14px}}.ai-assistant-page .voice-text{color:var(--red);font-size:11px;font-weight:500}.ai-assistant-page .modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ai-assistant-page .modal-content{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl);max-width:440px;width:100%}.ai-assistant-page .modal-content .modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:14px 16px}.ai-assistant-page .modal-content .modal-header h3{color:var(--text-0);font-size:14px;font-weight:600;margin:0}.ai-assistant-page .modal-content .btn-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;padding:4px}.ai-assistant-page .modal-content .btn-close:hover{color:var(--text-0)}.ai-assistant-page .modal-content .modal-body{padding:16px}.ai-assistant-page .modal-content .modal-body .form-group label{color:var(--text-2);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.ai-assistant-page .modal-content .modal-body textarea{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-0);font-family:var(--font);font-size:12px;outline:none;padding:8px 10px;resize:vertical;width:100%}.ai-assistant-page .modal-content .modal-body textarea:focus{border-color:var(--accent)}.ai-assistant-page .modal-content .modal-body textarea::placeholder{color:var(--text-3)}.ai-assistant-page .modal-content .modal-footer{border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.ai-assistant-page .modal-content .modal-footer .btn-secondary{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;font-family:var(--font);font-size:11px;padding:6px 14px;transition:var(--transition)}.ai-assistant-page .modal-content .modal-footer .btn-secondary:hover{border-color:var(--border);color:var(--text-0)}.ai-assistant-page .modal-content .modal-footer .btn-primary{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font);font-size:11px;padding:6px 14px;transition:var(--transition)}.ai-assistant-page .modal-content .modal-footer .btn-primary:hover{opacity:.9}@media (max-width:768px){.ai-assistant-page .header-actions{flex-wrap:nowrap;gap:4px}.ai-assistant-page .header-actions .btn{font-size:11px;padding:4px 8px}.ai-assistant-page .message-content{max-width:85%}}.user-mileage-page{padding:16px}.user-mileage-page .page-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.user-mileage-page .page-header .controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-mileage-page .page-header h1{color:var(--text-0);font-size:18px;font-weight:700;margin-bottom:2px}.user-mileage-page .page-header p{color:var(--text-3);font-size:12px}.global-controls{flex-wrap:wrap;gap:12px}.controls-bar,.global-controls{align-items:center;display:flex}.controls-bar{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);gap:6px;padding:3px 10px}.controls-bar .select{cursor:pointer;min-width:100px;padding:0 10px}.controls-bar .input,.controls-bar .select{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;box-sizing:border-box;color:var(--text-1);font-family:var(--font);font-size:11px;height:28px}.controls-bar .input{padding:0 8px;width:120px}.controls-bar .btn{box-sizing:border-box;font-size:11px;height:28px;padding:0 10px}.controls-bar .view-mode-toggle{background:#0000;border-radius:var(--radius-sm);box-sizing:border-box;display:flex;gap:2px;height:28px;padding:2px}.controls-bar .toggle-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-3);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:0 8px;transition:var(--transition)}.controls-bar .toggle-btn.active{background:var(--accent);color:#fff}.controls-bar .btn-sm{box-sizing:border-box;font-size:11px;height:28px;padding:0 10px}.date-separator{color:var(--text-3);font-size:11px}.month-nav{border-radius:var(--radius-sm);box-sizing:border-box;gap:2px;height:28px;padding:2px}.month-nav,.month-nav-btn{background:#0000;display:flex}.month-nav-btn{align-items:center;border:none;border-radius:3px;color:var(--text-3);cursor:pointer;font-size:11px;height:24px;justify-content:center;padding:0 7px;transition:var(--transition);white-space:nowrap}.month-nav-btn:hover{background:var(--bg-3);color:var(--text-1)}.month-nav-btn.current{color:var(--accent);font-weight:600}.users-mileage-grid{grid-gap:12px;display:grid;gap:12px}.users-mileage-grid.layout-double{grid-template-columns:repeat(2,1fr)}.users-mileage-grid.layout-single{grid-template-columns:1fr}.layout-toggle{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;gap:3px;height:32px;padding:3px}.layout-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-3);cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;padding:0 8px;transition:var(--transition)}.layout-btn:hover{color:var(--text-1)}.layout-btn.active{background:var(--accent);color:#fff}.user-mileage-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.user-mileage-card:hover{border-color:var(--border)}.user-mileage-card .card-header{align-items:center;background:var(--bg-2);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 14px}.user-mileage-card .user-info{display:flex;flex-direction:column;gap:2px}.user-mileage-card .user-info h3{color:var(--text-0);font-size:14px;font-weight:600;margin:0}.user-mileage-card .user-account{color:var(--text-3);font-size:11px}.user-mileage-card .card-controls{align-items:center;display:flex;gap:6px}.stats-container{border-bottom:1px solid var(--border-light);padding:10px 14px}.mini-stats{align-items:center;display:flex;gap:0}.stats-row-primary{margin-bottom:6px}.stats-row-secondary{border-top:1px dashed var(--border-light);padding-top:6px}.mini-stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:2px 0}.mini-stat .value{align-items:baseline;color:var(--text-0);display:flex;font-size:15px;font-weight:700;gap:2px;line-height:1.2}.mini-stat .label{color:var(--text-3);font-size:10px;white-space:nowrap}.card-content{height:370px;overflow:hidden}.chart-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px 14px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chart-header h4{color:var(--text-1);font-size:12px;font-weight:600;margin:0}.chart-nav{display:flex;gap:2px}.chart-nav button{background:#0000;border:none;border-radius:3px;color:var(--text-3);cursor:pointer;font-family:var(--font);font-size:11px;padding:2px 8px;transition:var(--transition)}.chart-nav button:hover{background:var(--bg-3);color:var(--text-1)}.chart-container{flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%}.calendar-container{box-sizing:border-box;height:100%;padding:10px 14px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.calendar-header h4{color:var(--text-1);font-size:12px;font-weight:600;margin:0}.calendar-nav{display:flex;gap:2px}.calendar-nav button{background:#0000;border:none;border-radius:3px;color:var(--text-3);cursor:pointer;font-family:var(--font);font-size:11px;padding:2px 8px;transition:var(--transition)}.calendar-nav button:hover{background:var(--bg-3);color:var(--text-1)}.mini-calendar{-webkit-user-select:none;user-select:none;width:100%}.calendar-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:4px;width:100%}.calendar-weekdays .weekday{color:var(--text-3);font-size:10px;font-weight:600;padding:4px 0;text-align:center}.calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);width:100%}.calendar-day{align-items:center;background:var(--bg-3);border-radius:var(--radius-xs);display:flex;flex-direction:column;justify-content:center;min-height:0;min-width:0;overflow:hidden;padding:2px 0;position:relative}.calendar-day.empty{background:#0000}.calendar-day.has-data{border:1px solid #667eea4d}.calendar-day .day-number{color:var(--text-1);font-size:11px;font-weight:600;line-height:1}.calendar-day.empty .day-number{color:var(--text-3)}.calendar-day .day-mileage{color:#667eeae6;font-size:8px;line-height:1;margin-top:2px}.card-content .empty-state{align-items:center;color:var(--text-3);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px}.card-content .empty-state p{font-size:13px;margin:0}.card-content .empty-state .btn{font-size:12px;padding:6px 16px}.loading .dot{animation:dot-pulse 1.4s ease-in-out infinite both;background:var(--accent);border-radius:50%;height:8px;width:8px}.loading .dot:first-child{animation-delay:-.32s}.loading .dot:nth-child(2){animation-delay:-.16s}@keyframes dot-pulse{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.user-mileage-page{padding:10px}.user-mileage-page .page-header{align-items:stretch;border-bottom:none;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-bottom:12px;padding:0;position:static}.user-mileage-page .page-header .page-header-left{align-items:center;display:flex;justify-content:space-between}.user-mileage-page .page-header .controls-bar{align-items:center;background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:6px;padding:8px;width:100%}.user-mileage-page .page-header .controls-bar .btn{flex-shrink:0}.user-mileage-page .page-header .controls-bar .select{flex:1 1;min-width:80px}.user-mileage-page .page-header .controls-bar .input{flex:1 1;width:100px}.user-mileage-page .month-nav{display:flex;gap:2px}.user-mileage-page .month-nav-btn{font-size:10px;padding:0 6px}.user-mileage-page .view-mode-toggle{display:flex;gap:2px}.user-mileage-page .page-header .controls-bar .layout-toggle{display:none}.users-mileage-grid.layout-double{grid-template-columns:1fr}.user-mileage-card .card-header{align-items:flex-start;flex-direction:column;gap:8px}.user-mileage-card .card-controls{width:100%}.user-mileage-card .card-controls .controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;width:100%}.user-mileage-card .card-controls .controls-bar .select{flex:1 1;min-width:80px}.user-mileage-card .card-controls .controls-bar .input{flex:1 1;min-width:120px}.chart-header{align-items:flex-start;flex-direction:column;gap:6px}.calendar-day .day-number{font-size:10px}.calendar-day .day-mileage{font-size:7px}.mini-stat .value{font-size:13px}.mini-stat .label{font-size:9px}}.ip-monitor-page{padding:0}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.page-header h1{color:var(--text-0);font-size:20px;font-weight:700}.page-header p{color:var(--text-2);font-size:12px;margin-top:2px}.header-actions{align-items:center;display:flex;gap:8px}.header-actions button{transition:var(--transition)}.header-actions button:active{transform:scale(.97)}.stats-row{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.notif-bar,.stats-row{gap:10px;margin-bottom:16px}.notif-bar{align-items:center;background:var(--red-dim);border:1px solid var(--red);border-radius:var(--radius);display:none;padding:10px 16px}.notif-bar.show{display:flex}.notif-bar .notif-icon{font-size:20px}.notif-bar .notif-text{flex:1 1}.notif-bar .notif-text strong{color:var(--text-0);display:block;font-size:13px}.notif-bar .notif-text span{color:var(--text-2);font-size:12px}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.filter-btn{background:#0000;border:1px solid var(--border);border-radius:100px;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:500;padding:4px 10px;transition:var(--transition)}.filter-btn:hover{border-color:var(--accent);color:var(--text-0)}.filter-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.filter-btn.danger.active{background:var(--red-dim);border-color:var(--red);color:var(--red)}.search-input{background:var(--bg-2);border:1px solid var(--border);border-radius:100px;color:var(--text-0);font-family:var(--font);font-size:12px;margin-left:auto;min-width:160px;outline:none;padding:5px 12px}.search-input:focus{border-color:var(--accent)}.ip-list{display:flex;flex-direction:column;gap:6px}.ip-card{background:var(--bg-1);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.ip-card:hover{border-color:var(--border)}.ip-card.new-ip{animation:glowPulse 2s infinite;border-color:var(--red)}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 #ef444433}50%{box-shadow:0 0 8px 2px #ef44441a}}.ip-card-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 14px;-webkit-user-select:none;user-select:none}.ip-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ip-status-dot.trusted{background:var(--green)}.ip-status-dot.untrusted{background:var(--red)}.ip-status-dot.blacklisted{background:var(--text-3)}.ip-address{color:var(--text-0);font-family:var(--mono);font-size:13px;font-weight:700;min-width:130px}.ip-location{color:var(--text-2);font-size:12px;min-width:140px}.ip-meta{color:var(--text-3);display:flex;flex:1 1;flex-wrap:wrap;font-size:11px;gap:12px}.ip-meta-item{align-items:center;display:flex;gap:3px;white-space:nowrap}.ip-label-badge{align-items:center;background:var(--accent-dim);border-radius:100px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:2px 8px}.ip-label-badge:hover{opacity:.8}.ip-tag{align-items:center;border-radius:100px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;gap:3px;padding:2px 8px;white-space:nowrap}.ip-tag.trusted{background:var(--green-dim);color:var(--green)}.ip-tag.untrusted{background:var(--red-dim);color:var(--red)}.ip-tag.blacklisted{background:var(--bg-3);color:var(--text-3)}.ip-expand-icon{color:var(--text-3);font-size:10px;margin-left:3px;transition:transform .2s ease}.ip-card-body{border-top:1px solid var(--border-light);max-height:0;overflow:hidden;padding:0 14px;transition:max-height .4s ease,padding .3s ease}.ip-card-body.open{max-height:none;padding:14px}.ip-detail-section{margin-bottom:14px}.ip-detail-section:last-child{margin-bottom:0}.detail-title{color:var(--text-0);font-size:13px;font-weight:600;margin-bottom:8px}.detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.detail-label{color:var(--text-3);font-size:11px;margin-bottom:2px}.detail-value{color:var(--text-1);font-size:12px;word-break:break-all}.detail-actions{display:flex;gap:6px}.detail-actions .action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:500;padding:6px 14px;transition:var(--transition)}.detail-actions .action-btn.trust{background:var(--accent);color:#fff}.detail-actions .action-btn.trust:hover{opacity:.85}.detail-actions .action-btn.untrust{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1)}.detail-actions .action-btn.untrust:hover{background:var(--bg-4)}.history-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-sm);max-height:400px;overflow:auto}.history-collapse-btn{display:flex;justify-content:center;padding-top:10px}.history-collapse-btn .action-btn{font-size:12px;padding:6px 20px}.history-table{border-collapse:collapse;font-size:12px;width:100%}.history-table th{background:var(--bg-2);color:var(--text-2);font-size:11px;font-weight:600;padding:8px 10px;text-align:left}.history-table td,.history-table th{border-bottom:1px solid var(--border-light);white-space:nowrap}.history-table td{color:var(--text-1);padding:7px 10px}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover td{background:var(--bg-2)}.method-badge{border-radius:var(--radius-xs);display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px}.method-badge.GET{background:var(--accent-dim);color:var(--accent)}.method-badge.POST{background:var(--green-dim);color:var(--green)}.method-badge.PATCH,.method-badge.PUT{background:var(--yellow-dim);color:var(--yellow)}.method-badge.DELETE{background:var(--red-dim);color:var(--red)}.path-cell{font-family:var(--mono);font-size:11px;max-width:300px;overflow:hidden;text-overflow:ellipsis}.ip-monitor-page .modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:var(--transition);visibility:hidden;z-index:1000}.ip-monitor-page .modal-overlay.open{opacity:1;visibility:visible}.ip-monitor-page .modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.ip-monitor-page .modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px}.ip-monitor-page .modal-header h2{color:var(--text-0);font-size:16px;font-weight:600;margin:0}.ip-monitor-page .modal-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;line-height:1;padding:4px}.ip-monitor-page .modal-close:hover{color:var(--text-0)}.ip-monitor-page .modal-body{flex:1 1;overflow-y:auto;padding:16px}.ip-monitor-page .modal-footer{border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding:14px 16px}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.setting-group h3{color:var(--text-0);font-size:13px;font-weight:600;margin:0 0 12px}.setting-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:12px 0}.setting-row:last-child{border-bottom:none}.setting-info{flex:1 1;margin-right:16px;min-width:0}.setting-label{color:var(--text-1);font-size:13px;font-weight:500;margin-bottom:2px}.setting-desc{color:var(--text-3);font-size:11px}.toggle{background:var(--bg-3);border:1px solid var(--border);border-radius:100px;cursor:pointer;flex-shrink:0;height:22px;position:relative;width:40px}.toggle,.toggle:after{transition:var(--transition)}.toggle:after{background:var(--text-3);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;width:16px}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle.active:after{background:#fff;left:20px}.action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:500;padding:6px 12px;transition:var(--transition)}.action-btn.edit-label{background:var(--accent);color:#fff}.action-btn.edit-label:hover{opacity:.9}@media (max-width:768px){.ip-monitor-page{padding:0 10px}.page-header{flex-direction:column;gap:10px}.stats-row{gap:8px;grid-template-columns:repeat(2,1fr)}.ip-card-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.ip-address{font-size:12px;min-width:auto}.ip-location{font-size:11px;min-width:auto}.ip-meta{gap:8px;width:100%}.ip-meta-item{font-size:10px}.filters-bar{align-items:stretch;flex-direction:column}.filter-btn{font-size:11px;padding:6px 12px}.search-input{margin-left:0;min-width:auto}.detail-grid{grid-template-columns:1fr}.detail-actions{flex-wrap:wrap}.detail-actions .action-btn{flex:1 1;min-width:0;text-align:center}.history-table{min-width:450px}.history-table td,.history-table th{font-size:10px;padding:6px 8px}.path-cell{max-width:120px}.history-table td.hide-mobile,.history-table th.hide-mobile{display:none}}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.pvm-page{background:#f5f6f8;color:#1f2329;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;min-height:100vh;padding-bottom:90px}.pvm-error,.pvm-loading{color:#6b7280;padding:80px 20px;text-align:center}.pvm-body{margin:0 auto;max-width:640px;padding:16px 12px 0}.pvm-card{background:#fff;border:1px solid #eef0f3;border-radius:10px;box-shadow:0 1px 2px #00000008;margin-bottom:12px;padding:14px}.pvm-card-title{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;margin-bottom:10px}.pvm-card-title:before{background:#ff6a3d;border-radius:2px;content:"";height:12px;width:3px}.pvm-card-title-hint{color:#b0b3b9;font-size:11px;font-weight:400;margin-left:4px}.pvm-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.pvm-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;line-height:1.5;padding:2px 8px}.pvm-badge-on{background:#e6f7ec;color:#1a8754}.pvm-badge-hit{background:#fff1b8;color:#874d00;font-weight:600}.pvm-badge-paused{background:#f0f1f3;color:#6b7280}.pvm-badge-err{background:#ffece8;color:#cf1322}.pvm-badge-history{background:#f0f1f3;color:#4e5969;font-weight:500}.pvm-badge-hit-outbound{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af;font-weight:600}.pvm-badge-hit-return{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-weight:600}.pvm-card-hero{border-top:3px solid #ff6a3d;padding:16px 16px 12px}.pvm-hero-head{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.pvm-hero-head,.pvm-route{align-items:center;display:flex}.pvm-route{color:#1f2329;flex:1 1 auto;font-size:18px;font-weight:700;gap:8px;min-width:0}.pvm-route>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pvm-arrow{color:#ff6a3d;flex-shrink:0;font-size:20px}.pvm-meta{align-items:center;color:#8c8c8c;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;margin-top:6px}.pvm-meta>span:first-child{flex-shrink:0}.pvm-target-row{display:block;flex:0 0 100%;margin-bottom:4px}.pvm-target-row:last-child{margin-bottom:0}.pvm-target-row .pvm-direction-tag{vertical-align:middle}.pvm-meta-emails{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.pvm-email-list{display:inline-flex;flex-wrap:wrap;gap:4px}.pvm-email-chip{color:#4e5969;display:inline-block;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.2px;padding:1px 0}.pvm-booking-link{color:#1677ff;text-decoration:none}.pvm-booking-link:hover{text-decoration:underline}.pvm-target-warn{background:#fff7e6;border:1px solid #ffd591;border-radius:6px;color:#874d00;font-size:12px;line-height:1.6;margin-bottom:10px;padding:8px 10px}.pvm-target-warn b{color:#d4380d}.pvm-direction-tag{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;line-height:18px;margin-right:6px;padding:1px 8px}.pvm-direction-tag.outbound{background:#dbeafe;color:#1e40af}.pvm-direction-tag.return{background:#fef3c7;color:#92400e}.pvm-target-date{border-radius:4px;display:inline-block;font-family:Menlo,Consolas,monospace;font-family:var(--font-mono,"Menlo","Consolas",monospace);font-size:12px;margin-right:6px;padding:0 4px}.pvm-target-date.outbound{background:#eff6ff;color:#1d4ed8}.pvm-target-date.return{background:#fffbeb;color:#b45309}.pvm-log-tag-old{background:#f0f0f0;border-radius:8px;color:#8c8c8c;display:inline-block;font-size:10px;line-height:16px;margin-left:6px;padding:0 6px;vertical-align:1px}.pvm-log-tag-manual{background:#e6f4ff;border:1px solid #91caff;border-radius:8px;color:#1677ff}.pvm-log-tag-manual,.pvm-log-tag-retry{display:inline-block;font-size:10px;font-weight:500;line-height:16px;margin-left:6px;padding:0 6px;vertical-align:1px}.pvm-log-tag-retry{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;color:#d46b08}.pvm-freq-row{align-items:center;display:flex;justify-content:space-between}.pvm-btn-full{width:100%}.pvm-freq-label{font-size:14px}.pvm-freq-sub{color:#6b7280;font-size:12px;margin-top:2px}.pvm-btn-link{background:#0000;border:none;color:#1677ff;cursor:pointer;font-family:inherit;font-size:13px;padding:6px 8px}.pvm-freq-hint{color:#8c8c8c;font-size:11px;margin-top:6px}.pvm-section+.pvm-section{margin-top:8px}.pvm-section-label{color:#8c8c8c;font-size:11px;margin-bottom:4px}.pvm-chip-list{display:flex;flex-wrap:wrap;gap:6px}.pvm-chip{background:#f4f5f7;border-radius:4px;color:#4e5969;font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:4px 9px}.pvm-chip-hit{background:#fff566;box-shadow:inset 0 0 0 1px #fadb14;color:#874d00;font-weight:600}.pvm-chip-hit-outbound{background:#dbeafe;box-shadow:inset 0 0 0 1px #93c5fd;color:#1e40af;font-weight:600}.pvm-chip-hit-return{background:#fef3c7;box-shadow:inset 0 0 0 1px #fcd34d;color:#92400e;font-weight:600}.pvm-date-empty{color:#bbb;font-size:12px;font-style:italic}.pvm-log-list{font-size:12px;gap:8px}.pvm-log-item,.pvm-log-list{display:flex;flex-direction:column}.pvm-log-item{background:#fafbfc;border-bottom:1px solid #eef0f3;border-left:3px solid #d9d9d9;border-radius:6px;gap:4px;padding:8px 10px}.pvm-log-item.hit{background:#f6ffed;border-bottom-color:#d9f7be;border-left-color:#52c41a}.pvm-log-item.err{background:#fff1f0;border-bottom-color:#ffccc7;border-left-color:#f5222d}.pvm-log-item.ok{background:#f5f9ff;border-bottom-color:#e6f0ff;border-left-color:#91caff}.pvm-log-line1{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pvm-log-badge{background:#0000000f;border-radius:4px;color:#4e5969;font-size:11px;line-height:1.4;padding:1px 6px;white-space:nowrap}.pvm-log-item.hit .pvm-log-badge{background:#b7eb8f;color:#135200}.pvm-log-item.err .pvm-log-badge{background:#ffa39e;color:#820014}.pvm-log-item.ok .pvm-log-badge{background:#d6e4ff;color:#2f54eb}.pvm-log-target{align-items:center;color:#4e5969;display:inline-flex;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;gap:4px}.pvm-log-target b{color:#1f2329}.pvm-log-item.hit .pvm-log-target b{color:#d4380d}.pvm-log-target-dates{align-items:center;display:inline-flex;gap:3px}.pvm-log-line2{align-items:center;color:#4e5969;display:flex;font-size:12px;gap:8px;justify-content:space-between}.pvm-log-msg{flex:1 1;min-width:0;word-break:break-word}.pvm-log-time{font-feature-settings:"tnum";color:#4e5969;flex-shrink:0;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-variant-numeric:tabular-nums}.pvm-action-bar{background:#fff;border-top:1px solid #eef0f3;bottom:0;display:flex;gap:10px;left:0;margin:0 auto;max-width:640px;padding:12px 16px;position:fixed;right:0}.pvm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:500;padding:12px 16px}.pvm-btn-primary{background:#1677ff;color:#fff}.pvm-btn-primary:disabled{background:#d9d9d9;color:#fff;cursor:not-allowed}.pvm-btn-secondary{background:#f4f5f7;color:#4e5969}.pvm-cooldown-hint{bottom:70px;color:#8c8c8c;font-size:11px;left:0;margin:0 auto;max-width:640px;pointer-events:none;position:fixed;right:0;text-align:center}@media (min-width:640px){.pvm-card{padding:16px}.pvm-card-hero{padding:18px 18px 14px}}@media (max-width:480px){.pvm-route{font-size:16px;gap:6px}.pvm-arrow{font-size:18px}.pvm-hero-head{gap:8px}.pvm-status-row{width:100%}}.pvm-modal-mask{align-items:flex-end;animation:pvm-fade .2s;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes pvm-fade{0%{opacity:0}to{opacity:1}}.pvm-modal{animation:pvm-slide .25s;background:#fff;border-radius:14px 14px 0 0;max-width:560px;padding:8px 0 18px;width:100%}@keyframes pvm-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pvm-modal h3{border-bottom:1px solid #eef0f3;font-size:15px;margin:0;padding:14px 18px 10px;text-align:center}.pvm-freq-options{padding:12px 18px}.pvm-freq-option{align-items:center;border:1px solid #eef0f3;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:14px 12px;transition:all .15s}.pvm-freq-option.active{background:#f0f7ff;border-color:#1677ff;color:#1677ff;font-weight:500}.pvm-freq-check{opacity:0}.pvm-freq-option.active .pvm-freq-check{opacity:1}.pvm-modal-actions{display:flex;gap:10px;padding:8px 18px 0}.pvm-modal-actions .pvm-btn{padding:11px}.pvm-toast{animation:pvm-toast-in .2s ease-out;background:#000000c7;border-radius:6px;color:#fff;font-size:13px;left:50%;max-width:80%;padding:10px 16px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:200}@keyframes pvm-toast-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}.pvm-toast-success{background:#52c41aeb}.pvm-toast-warn{background:#faad14eb}.pvm-toast-error{background:#f5222deb}.pvm-toast-info{background:#000000c7}.notification-config{padding:0}.notification-config .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.notification-config .page-header h2{color:var(--text-0);font-size:18px;font-weight:700;margin:0}.notification-config .page-header .header-desc{color:var(--text-3);font-size:13px;margin-top:2px}.notification-tabs{border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:20px}.notification-tabs .tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-2);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:all .2s;white-space:nowrap}.notification-tabs .tab-btn:hover{color:var(--accent)}.notification-tabs .tab-btn.active{border-bottom-color:var(--accent);color:var(--accent)}.notification-tabs .tab-btn.disabled{cursor:not-allowed;opacity:.4}.notification-tabs .tab-btn.disabled:hover{color:var(--text-2)}.notification-tabs .tab-count{align-items:center;background:var(--bg-3);border-radius:10px;color:var(--text-2);display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.notification-tabs .tab-btn.active .tab-count{background:var(--accent-dim);color:var(--accent)}.email-config-container{background:var(--bg-2);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.email-config-table{border-collapse:collapse;width:100%}.email-config-table th{background:var(--bg-3);border-bottom:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.email-config-table td{border-bottom:1px solid var(--border-light);color:var(--text-1);font-size:14px;padding:14px 16px;vertical-align:middle}.email-config-table tr:last-child td{border-bottom:none}.email-config-table tr:hover td{background:var(--bg-3)}.email-config-table .host-cell{color:var(--text-3);font-size:12px}.email-config-table .actions-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.email-config-table .actions-cell .btn{align-items:center;box-sizing:border-box;display:inline-flex;font-size:12px;height:28px;justify-content:center;min-width:46px;padding:0}.email-status-badge{border-radius:100px;cursor:pointer;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;transition:all .2s;-webkit-user-select:none;user-select:none}.email-status-badge.status-enabled{background:var(--green-dim);color:var(--green)}.email-status-badge.status-disabled{background:var(--red-dim);color:var(--red)}.default-badge{background:var(--accent-dim);border-radius:100px;color:var(--accent);display:inline-block;font-size:10px;font-weight:600;margin-left:6px;padding:2px 8px}.email-empty{color:var(--text-3);padding:60px 20px;text-align:center}.email-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.email-empty .empty-text{font-size:14px;margin-bottom:6px}.email-empty .empty-hint{color:var(--text-3);font-size:12px}.sms-placeholder{padding:80px 20px;text-align:center}.sms-placeholder .sms-icon{font-size:48px;margin-bottom:12px;opacity:.3}.sms-placeholder .sms-title{color:var(--text-2);font-size:14px;margin-bottom:6px}.sms-placeholder .sms-desc{color:var(--text-3);font-size:12px;line-height:1.6;margin:0 auto;max-width:360px}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.email-form-modal{max-width:520px}.email-form-modal .form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.email-form-modal .form-group label{align-items:center;color:var(--text-1);display:flex;font-size:12px;font-weight:500;gap:4px}.email-form-modal .form-group .input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-0);font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:var(--transition);width:100%}.email-form-modal .form-group .input:focus{background:var(--bg-3);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.email-form-modal .form-group .form-hint{color:var(--text-3);font-size:11px;margin-top:2px}.email-form-modal .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.email-form-modal .form-checkbox{align-items:center;color:var(--text-1);cursor:pointer;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.email-form-modal .form-checkbox input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.email-form-modal .form-checkbox-group{display:flex;gap:20px;margin-bottom:10px}.email-delete-confirm p{color:var(--text-1);font-size:14px;line-height:1.6}.email-delete-confirm b{color:var(--text-0)}.info-panel{background:var(--bg-2);border-radius:12px;color:var(--text-3);font-size:12px;line-height:1.8;margin-top:16px;padding:16px 20px}.info-panel strong{color:var(--text-2)}@media (max-width:768px){.notification-config .page-header{align-items:flex-start;flex-direction:column}.notification-tabs{overflow-x:auto}.email-config-container{background:#0000;border-radius:0;box-shadow:none}.email-config-table{display:block}.email-config-table thead{display:none}.email-config-table tbody{display:block}.email-config-table tr{background:var(--bg-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:10px;padding:12px}.email-config-table td{border:none;font-size:13px;padding:0}.email-config-table .col-host{display:none}.email-config-table .actions-cell{flex:1 0 100%;margin-top:4px}.email-config-table .actions-cell .btn{font-size:11px;height:26px;min-width:40px}.email-form-modal .form-row{grid-template-columns:1fr}.email-form-modal .form-checkbox-group{flex-wrap:wrap;gap:12px}.info-panel{border-radius:0;margin-left:-16px;margin-right:-16px}}.vsky-form-section{border-bottom:1px dashed var(--border-light);margin-bottom:18px;padding-bottom:16px}.vsky-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.vsky-form-section-title{align-items:center;border-left:3px solid var(--accent);color:var(--text-1);display:flex;font-size:13px;font-weight:600;gap:6px;line-height:1.4;margin:0 0 12px;padding:0 0 0 8px}
/*# sourceMappingURL=main.c85ff2b2.css.map*/