:root{--wsp-primary: #2563EB;--wsp-primary-hover: #1D4ED8;--wsp-primary-light: #EFF6FF;--wsp-primary-mid: #DBEAFE;--wsp-success: #059669;--wsp-success-light: #ECFDF5;--wsp-warning: #D97706;--wsp-warning-light: #FFFBEB;--wsp-danger: #DC2626;--wsp-danger-light: #FEF2F2;--wsp-gray-50: #F9FAFB;--wsp-gray-100: #F3F4F6;--wsp-gray-200: #E5E7EB;--wsp-gray-400: #9CA3AF;--wsp-gray-500: #6B7280;--wsp-gray-900: #111827;--wsp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--wsp-font-mono: 'JetBrains Mono', 'Fira Code', monospace;--wsp-radius: 8px;--wsp-radius-lg: 12px;--wsp-radius-xl: 16px;--wsp-sidebar-width: 220px;--wsp-topbar-height: 56px;--wsp-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--wsp-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)}.wsp-admin-wrap{font-family:var(--wsp-font);color:var(--wsp-gray-900);background:var(--wsp-gray-50);margin:0;padding:0;box-sizing:border-box}.wsp-admin-wrap *{box-sizing:border-box}.wsp-topbar{display:flex;align-items:center;justify-content:space-between;height:var(--wsp-topbar-height);background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--wsp-gray-200);padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px rgba(0,0,0,.03)}.wsp-topbar__logo{display:flex;align-items:center;gap:10px}.wsp-topbar .wsp-logo-icon{background:var(--wsp-primary);color:#fff;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--wsp-radius)}.wsp-topbar .wsp-logo-text{font-weight:600;font-size:16px}.wsp-admin-body{display:flex;min-height:calc(100vh - var(--wsp-topbar-height) - 32px)}.wsp-sidebar{width:var(--wsp-sidebar-width);background:#fff;border-right:1px solid var(--wsp-gray-200);padding:20px 0;flex-shrink:0}.wsp-sidebar__nav{display:flex;flex-direction:column;gap:25px;padding:10px 0}.wsp-sidebar .wsp-nav-section{display:flex;flex-direction:column;padding:0 12px}.wsp-sidebar .wsp-nav-label{font-size:10px;font-weight:700;color:var(--wsp-gray-400);text-transform:uppercase;letter-spacing:.1em;padding:0 14px;margin-bottom:12px}.wsp-sidebar .wsp-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--wsp-radius);color:var(--wsp-gray-600);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s;cursor:pointer;border:none;background:rgba(0,0,0,0);width:100%;position:relative}.wsp-sidebar .wsp-nav-item:hover{background:var(--wsp-gray-50);color:var(--wsp-gray-900)}.wsp-sidebar .wsp-nav-item--active{background:var(--wsp-primary-light);color:var(--wsp-primary)}.wsp-sidebar .wsp-nav-item--active::before{content:"";position:absolute;left:-12px;top:20%;height:60%;width:3px;background:var(--wsp-primary);border-radius:0 4px 4px 0}.wsp-sidebar .wsp-nav-item--active:hover{background:var(--wsp-primary-light)}.wsp-sidebar .wsp-nav-item__chevron{font-size:12px;transition:transform .2s;opacity:.5}.wsp-sidebar .wsp-nav-item--open .wsp-sidebar .wsp-nav-item__chevron{transform:rotate(90deg)}.wsp-sidebar .wsp-nav-submenu{display:none;flex-direction:column;padding-left:20px;margin-top:4px;gap:2px}.wsp-nav-item--open+.wsp-sidebar .wsp-nav-submenu{display:flex}.wsp-sidebar .wsp-nav-submenu.is-visible{display:flex}.wsp-sidebar .wsp-nav-submenu .wsp-sub-item{display:flex;align-items:center;padding:6px 12px;font-size:13px;color:var(--wsp-gray-500);text-decoration:none;border-radius:var(--wsp-radius);transition:all .15s}.wsp-sidebar .wsp-nav-submenu .wsp-sub-item:hover{color:var(--wsp-gray-900);background:var(--wsp-gray-50)}.wsp-sidebar .wsp-nav-submenu .wsp-sub-item--active{color:var(--wsp-primary);font-weight:600;background:var(--wsp-primary-light)}.wsp-main{flex:1;padding:40px 50px;overflow-x:hidden;background:var(--wsp-gray-50)}.wsp-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.wsp-page-title{font-size:24px;font-weight:600;color:var(--wsp-gray-900);margin:0 0 4px 0}.wsp-page-subtitle{font-size:14px;color:var(--wsp-gray-500);margin:0}.wsp-card{box-shadow:var(--wsp-shadow-sm);margin-bottom:32px;transition:transform .2s ease,box-shadow .2s ease}.wsp-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.05)}.wsp-card__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--wsp-gray-200)}.wsp-card__title{font-size:16px;font-weight:600;margin:0;color:var(--wsp-gray-900)}.wsp-card__body{padding:20px}.wsp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--wsp-radius);font-size:13px;font-weight:500;font-family:var(--wsp-font);cursor:pointer;border:1px solid rgba(0,0,0,0);transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap;text-decoration:none}.wsp-btn--primary{background:var(--wsp-primary);color:#fff}.wsp-btn--primary:hover{background:var(--wsp-primary-hover);color:#fff}.wsp-btn--outline{background:#fff;color:var(--wsp-gray-900);border-color:var(--wsp-gray-200)}.wsp-btn--outline:hover{background:var(--wsp-gray-50);color:var(--wsp-gray-900)}.wsp-btn--danger{background:var(--wsp-danger);color:#fff}.wsp-btn--danger:hover{opacity:.9;color:#fff}.wsp-btn--sm{padding:5px 12px;font-size:12px}.wsp-btn:disabled{opacity:.5;cursor:not-allowed}.wsp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:capitalize}.wsp-badge--active{background:var(--wsp-success-light);color:var(--wsp-success)}.wsp-badge--pending{background:var(--wsp-primary-light);color:var(--wsp-primary)}.wsp-badge--overdue{background:var(--wsp-danger-light);color:var(--wsp-danger)}.wsp-badge--suspended{background:var(--wsp-warning-light);color:var(--wsp-warning)}.wsp-badge--cancelled{background:var(--wsp-gray-100);color:var(--wsp-gray-500)}.wsp-badge--expired{background:var(--wsp-gray-100);color:var(--wsp-gray-500)}.wsp-badge--paused{background:var(--wsp-warning-light);color:var(--wsp-warning)}.wsp-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.wsp-stat-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:12px;margin-bottom:20px}.wsp-stat-card{background:#fff;border:1px solid var(--wsp-gray-200);border-radius:var(--wsp-radius-lg);padding:16px 18px}.wsp-stat-card__label{font-size:11px;font-weight:600;color:var(--wsp-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.wsp-stat-card__value{font-size:24px;font-weight:700;color:var(--wsp-gray-900);margin-bottom:6px}.wsp-stat-card__trend{font-size:12px;font-weight:500}.wsp-stat-card__trend--up{color:var(--wsp-success)}.wsp-stat-card__trend--down{color:var(--wsp-danger)}.wsp-stat-card__trend--neutral{color:var(--wsp-gray-500)}.wsp-table-wrap{overflow-x:auto}.wsp-table{width:100%;border-collapse:collapse;font-size:13px}.wsp-table th{text-align:left;padding:10px 18px;font-size:11px;font-weight:600;color:var(--wsp-gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--wsp-gray-200);background:var(--wsp-gray-50);white-space:nowrap}.wsp-table td{padding:13px 18px;border-bottom:1px solid var(--wsp-gray-200);color:var(--wsp-gray-900);vertical-align:middle}.wsp-table tr:last-child td{border-bottom:none}.wsp-table tbody tr{transition:background .1s ease}.wsp-table tbody tr:hover td{background:var(--wsp-primary-light)}.wsp-user-cell{display:flex;align-items:center;gap:10px}.wsp-avatar{width:34px;height:34px;border-radius:50%;background:var(--wsp-primary-mid);color:var(--wsp-primary);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wsp-user-name{font-size:13px;font-weight:500}.wsp-user-email{font-size:11px;color:var(--wsp-gray-500)}.wsp-action-btn{padding:4px 10px;border-radius:5px;font-size:11px;font-weight:500;border:1px solid var(--wsp-gray-200);background:#fff;color:var(--wsp-gray-500);cursor:pointer;margin-right:4px;text-decoration:none;display:inline-block}.wsp-action-btn:hover{border-color:var(--wsp-primary);color:var(--wsp-primary)}.wsp-form-group{margin-bottom:18px}.wsp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wsp-label{display:block;font-size:13px;font-weight:500;color:var(--wsp-gray-900);margin-bottom:6px}.wsp-required{color:var(--wsp-danger)}.wsp-input,.wsp-select,.wsp-textarea{width:100%;padding:8px 12px;border:1px solid var(--wsp-gray-200);border-radius:var(--wsp-radius);font-size:13px;font-family:var(--wsp-font);color:var(--wsp-gray-900);background:#fff;transition:border-color .15s,box-shadow .15s;appearance:none;max-width:100% !important}.wsp-input:focus,.wsp-select:focus,.wsp-textarea:focus{outline:none;border-color:var(--wsp-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.wsp-input::placeholder,.wsp-select::placeholder,.wsp-textarea::placeholder{color:var(--wsp-gray-400)}.wp-core-ui select.wsp-select{max-width:100% !important}.wsp-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236B7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:30px}.wsp-help-text{font-size:12px;color:var(--wsp-gray-500);margin-top:5px}.wsp-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100000;align-items:center;justify-content:center}.wsp-modal-overlay.is-open{display:flex}.wsp-modal{background:#fff;border-radius:var(--wsp-radius-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.15)}.wsp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--wsp-gray-200)}.wsp-modal__title{font-size:15px;font-weight:600;margin:0}.wsp-modal__close{background:none;border:none;color:var(--wsp-gray-400);font-size:16px;cursor:pointer;padding:4px}.wsp-modal__close:hover{color:var(--wsp-gray-900)}.wsp-modal__body{padding:22px;overflow-y:auto;flex:1}.wsp-modal__footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--wsp-gray-200)}.wsp-toast{position:fixed;bottom:24px;right:24px;padding:12px 18px;border-radius:var(--wsp-radius);font-size:13px;font-weight:500;z-index:200000;transform:translateY(100px);opacity:0;transition:transform .25s,opacity .25s;box-shadow:var(--wsp-shadow)}.wsp-toast.is-visible{transform:translateY(0);opacity:1}.wsp-toast--success{background:var(--wsp-success);color:#fff}.wsp-toast--error{background:var(--wsp-danger);color:#fff}.wsp-toast--info{background:var(--wsp-primary);color:#fff}.wsp-spinner{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:wsp-spin .6s linear infinite}@keyframes wsp-spin{to{transform:rotate(360deg)}}.wsp-vtab-icon{font-size:18px;opacity:.7}.wsp-settings-layout{display:block;width:100%}.wsp-settings-content{flex:1}.wsp-tab-content{display:none}.wsp-tab-content.is-active{display:block;animation:wsp-fade-in .3s ease-out}.wsp-settings-wrap .form-table{display:block;width:100%;margin-top:0;border-collapse:collapse}.wsp-settings-wrap .form-table tbody,.wsp-settings-wrap .form-table tr,.wsp-settings-wrap .form-table th,.wsp-settings-wrap .form-table td{display:block;width:100% !important;padding:0 !important;margin:0;border:none}.wsp-settings-wrap .form-table tr{margin-bottom:24px}.wsp-settings-wrap .form-table tr:last-child{margin-bottom:0}.wsp-settings-wrap .form-table th{font-size:13px;font-weight:600;color:var(--wsp-gray-900);margin-bottom:8px;text-align:left;padding-bottom:6px !important}.wsp-settings-wrap .form-table td p.description{margin:4px 0 0 0;font-size:12px;color:var(--wsp-gray-500)}.wsp-settings-wrap .form-table input[type=text],.wsp-settings-wrap .form-table input[type=email],.wsp-settings-wrap .form-table input[type=number],.wsp-settings-wrap .form-table input[type=password],.wsp-settings-wrap .form-table textarea,.wsp-settings-wrap .form-table select{width:100%;max-width:100% !important;padding:10px 14px;border:1px solid var(--wsp-gray-200);border-radius:var(--wsp-radius);font-size:14px;font-family:var(--wsp-font);color:var(--wsp-gray-900);background:#fff;transition:all .2s;box-shadow:var(--wsp-shadow-sm)}.wsp-settings-wrap .form-table input[type=text]:focus,.wsp-settings-wrap .form-table input[type=email]:focus,.wsp-settings-wrap .form-table input[type=number]:focus,.wsp-settings-wrap .form-table input[type=password]:focus,.wsp-settings-wrap .form-table textarea:focus,.wsp-settings-wrap .form-table select:focus{outline:none;border-color:var(--wsp-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.wsp-settings-wrap .form-table input[type=text]::placeholder,.wsp-settings-wrap .form-table input[type=email]::placeholder,.wsp-settings-wrap .form-table input[type=number]::placeholder,.wsp-settings-wrap .form-table input[type=password]::placeholder,.wsp-settings-wrap .form-table textarea::placeholder,.wsp-settings-wrap .form-table select::placeholder{color:var(--wsp-gray-400)}.wsp-settings-wrap .form-table textarea{min-height:100px;line-height:1.5}.wsp-settings-wrap .form-table select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236B7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 14px top 50%;background-size:10px auto;padding-right:36px;appearance:none}@keyframes wsp-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wsp-gw-card{background:#fff;border:1px solid var(--wsp-gray-200);border-radius:var(--wsp-radius-xl);margin-bottom:20px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:var(--wsp-shadow-sm)}.wsp-gw-card--enabled{border-color:var(--wsp-primary);box-shadow:0 4px 20px rgba(37,99,235,.08)}.wsp-gw-card__header{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;user-select:none;transition:background .2s}.wsp-gw-card__header:hover{background:var(--wsp-gray-50)}.wsp-gw-card__info{display:flex;align-items:center;gap:16px}.wsp-gw-card__logo{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.wsp-gw-card__title{font-size:16px;font-weight:600;margin:0;color:var(--wsp-gray-900)}.wsp-gw-card__desc{font-size:13px;color:var(--wsp-gray-500);margin:2px 0 0 0}.wsp-gw-card__body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4, 0, 0.2, 1);border-top:0 solid var(--wsp-gray-100);background:#fff}.wsp-gw-card--expanded .wsp-gw-card__body{max-height:1200px;border-top-width:1px;padding:24px 32px 32px 32px}.wsp-toggle{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer}.wsp-toggle input{opacity:0;width:0;height:0;position:absolute}.wsp-toggle__slider{width:44px;height:24px;background-color:var(--wsp-gray-200);border-radius:34px;transition:.3s;position:relative}.wsp-toggle__slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease-in-out;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.wsp-toggle input:checked+.wsp-toggle__slider{background-color:var(--wsp-primary)}.wsp-toggle input:checked+.wsp-toggle__slider::before{transform:translateX(20px)}.wsp-toggle__label{font-size:12px;font-weight:600;color:var(--wsp-gray-400);text-transform:uppercase;letter-spacing:.05em;min-width:65px}.wsp-toggle input:checked~.wsp-toggle__label{color:var(--wsp-primary)}.wsp-sandbox-row{background:#fffbeb;border-radius:var(--wsp-radius-lg);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border:1px solid rgba(217,119,6,.15)}.wsp-sandbox-row__info{display:flex;flex-direction:column;gap:4px}.wsp-sandbox-row__title{font-size:14px;font-weight:600;color:#92400e}.wsp-sandbox-row__desc{font-size:12px;color:#b45309;opacity:.8}.wsp-field-pw-wrap{position:relative;display:flex;align-items:center;width:100%}.wsp-field-pw-wrap .wsp-input{padding-right:44px}.wsp-field-pw-wrap .wsp-pw-toggle{position:absolute;right:8px;background:rgba(0,0,0,0);border:none;color:var(--wsp-gray-400);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:color .15s}.wsp-field-pw-wrap .wsp-pw-toggle:hover{color:var(--wsp-primary)}.wsp-field-pw-wrap .wsp-pw-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wsp-grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media(max-width: 768px){.wsp-grid-2{grid-template-columns:1fr}.wsp-settings-layout{flex-direction:column}.wsp-settings-sidebar{width:100%;position:static}}