:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-body: #0d1117;--bg-card: #161b22;--primary: #0d9488;--primary-hover: #0f766e;--primary-light: rgba(13, 148, 136, .2);--text-primary: #f0f6fc;--text-secondary: #8b949e;--border-color: #30363d;--input-bg: #0d1117;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 1.5rem;--radius-lg: 8px;--transition: all .2s ease}html,body{background-color:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:var(--bg-body)}.web-mode.auth-container{background:radial-gradient(circle at 50% -20%,#1e2632,#101418 60%)}.auth-content-wrapper{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.auth-header-external{text-align:center;animation:fadeIn .5s ease-out}.auth-header-logo{font-size:2.5rem;margin-bottom:.5rem;display:inline-block}.auth-header-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.auth-header-subtitle{color:var(--text-secondary);font-size:.95rem}.web-mode .auth-box{width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:1.5rem;margin:0;height:auto}.auth-container:not(.web-mode) .auth-content-wrapper{gap:0}.auth-container:not(.web-mode) .auth-box{background:transparent;box-shadow:none;border:none;padding:1rem;width:100%}.auth-container form{display:flex;flex-direction:column;gap:1.25rem}.auth-container .form-group{display:flex;flex-direction:column;gap:.4rem;text-align:left}.auth-container .form-group label{display:block;color:var(--text-primary)!important;font-size:13px;font-weight:500;margin-bottom:0}.auth-box input[type=text],.auth-box input[type=password],.auth-box input[type=email],.auth-box input[type=url]{width:100%;padding:12px 16px;background-color:var(--input-bg)!important;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)!important;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;transition:var(--transition);box-sizing:border-box}.auth-box input:focus{border-color:var(--primary);outline:none;background-color:var(--input-bg)!important;box-shadow:0 0 0 3px var(--primary-light)}.auth-box input::placeholder{color:#8b949e!important;opacity:1}.auth-box .btn-primary{background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:500;padding:12px 24px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;cursor:pointer;transition:var(--transition);width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.auth-box .btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.02)}.auth-box .btn-primary:active:not(:disabled){transform:scale(.98)}.auth-box .btn-primary:disabled{opacity:.6;cursor:not-allowed;background:var(--border-color);color:var(--text-secondary)}.auth-box .btn-block{width:100%}.auth-box .btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.95rem;padding:0;text-decoration:none;font-weight:600}.auth-box .btn-link:hover{text-decoration:underline}.auth-box .btn-outline{background:transparent;border:1px solid #3b82f6;color:#60a5fa;border-radius:9999px;font-weight:500;padding:1rem 2rem;font-size:1.05rem;cursor:pointer;transition:all .25s ease;width:100%}.auth-box .btn-outline:hover{border-color:#60a5fa;background-color:#3b82f61a;color:#93c5fd}.auth-box .alert{padding:.85rem 1rem;border-radius:6px;font-size:.95rem;margin-bottom:1.5rem;font-weight:500}.auth-box .alert-error{background:#ef44441a!important;border:1px solid rgba(239,68,68,.2)!important;color:#fca5a5!important}.auth-box .alert-success{background:#10b9811a!important;border:1px solid rgba(16,185,129,.2)!important;color:#6ee7b7!important}.auth-box .auth-footer{text-align:center;margin-top:1.5rem;font-size:.95rem;color:var(--text-secondary)}.auth-box .auth-footer a{color:var(--primary)!important;font-weight:500;text-decoration:none}.auth-box .auth-footer a:hover{text-decoration:underline;color:var(--primary-hover)!important}.auth-container .form-group small{font-size:.85rem;color:var(--text-secondary)!important;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-input-wrapper{position:relative;display:flex;width:100%}.password-input-wrapper input{padding-right:80px}.password-input-wrapper .btn-icon{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s;height:30px;width:30px;border-radius:4px}.password-input-wrapper .btn-icon:hover{color:var(--text-primary);background-color:#ffffff1a}.password-input-wrapper .btn-icon:nth-of-type(1){right:40px}.password-input-wrapper .btn-icon:nth-of-type(2){right:8px}:root{--primary-color: #0d9488;--secondary-color: #0f766e;--danger-color: #ef4444;--warning-color: #f59e0b;--success-color: #10b981;--info-color: #06b6d4;--light-gray: #21262d;--border-color: #30363d;--text-color: #f0f6fc;--text-secondary: #8b949e;--bg-main: #0d1117;--bg-card: #161b22}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Ubuntu,Cantarell,Fira Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--text-color)}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.header h1{font-size:28px;font-weight:700;color:var(--text-color)}.header-actions{display:flex;align-items:center;gap:20px}.user-name{font-size:14px;color:var(--text-secondary);font-weight:500}.main{padding:20px 0}.actions{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-block;text-decoration:none;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-info{background-color:var(--info-color);color:#fff}.btn-info:hover:not(:disabled){background-color:#2563eb}.btn-logout{background-color:var(--danger-color);color:#fff;padding:8px 16px;font-size:14px}.btn-back{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;font-size:14px}.btn-back:hover:not(:disabled){background-color:var(--light-gray)}.btn-small{padding:6px 12px;font-size:12px;min-height:auto}.btn-block{width:100%}.btn-icon{padding:8px 12px;background-color:var(--light-gray);color:var(--text-color);border:1px solid var(--border-color);font-size:16px;min-height:auto}.btn-icon:hover:not(:disabled){background-color:var(--border-color)}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;font-weight:500}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.alert-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;font-size:14px;color:var(--text-color)}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s ease;background-color:var(--bg-main);color:var(--text-color)}.form-group select option{background-color:var(--bg-main);color:var(--text-color)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0d948833}.form-group small{margin-top:6px;font-size:12px;color:var(--text-secondary)}.required{color:var(--danger-color)}.password-input-wrapper{display:flex;gap:8px}.password-input-wrapper input{flex:1}.password-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.password-card{background:var(--bg-card);padding:20px;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.password-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0006}.password-card h3{font-size:16px;margin-bottom:8px;color:var(--text-color)}.password-card .website{font-size:12px;color:var(--info-color);text-decoration:none;margin-bottom:6px;word-break:break-all}.password-card .username{font-size:12px;color:var(--text-secondary);margin-bottom:15px}.password-card .password-date{font-size:11px;color:#999;margin-bottom:12px;font-style:italic}.password-card .actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.password-details{background:var(--bg-card);padding:30px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:30px}.detail-group{margin-bottom:20px}.detail-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-group p{font-size:14px;color:var(--text-color);word-break:break-all;padding:8px 12px;background-color:var(--light-gray);border-radius:4px}.detail-with-action{display:flex;gap:8px;align-items:center}.detail-with-action p{flex:1;margin:0}.password-form{background:var(--bg-card);padding:30px;border-radius:8px;border:1px solid var(--border-color);max-width:600px;margin:0 auto}.form-actions{display:flex;gap:10px;margin-top:30px}.form-actions .btn{flex:1}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.empty-state p{font-size:16px;color:var(--text-secondary);margin-bottom:20px}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:20px}.not-found h1{font-size:72px;color:var(--primary-color);margin:0}.not-found p{font-size:18px;color:var(--text-secondary)}@media(max-width:768px){.container{padding:15px}.header{flex-direction:column;align-items:flex-start;gap:15px}.header h1{font-size:24px}.header-actions{width:100%;justify-content:space-between}.password-grid{grid-template-columns:1fr}.auth-box{padding:30px 20px}.password-details,.password-form{padding:20px}.password-input-wrapper{flex-direction:column}.password-input-wrapper input{width:100%}.btn{font-size:13px;padding:9px 16px}.btn-small{padding:5px 10px;font-size:11px}}@media(max-width:480px){.container{padding:10px}.header h1{font-size:20px}.auth-box{padding:20px 15px}.btn{font-size:12px;padding:8px 12px;min-height:40px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.password-card{padding:15px}.detail-with-action{flex-direction:column;align-items:stretch}.detail-with-action .btn{width:100%}}.not-found{text-align:center;padding:60px 20px}.not-found h1{font-size:72px;color:#999;margin:0 0 20px}.not-found p{font-size:18px;color:#666;margin-bottom:30px}@media(max-width:768px){.container{padding:15px}.header{flex-direction:column;gap:15px;align-items:flex-start}.header h1{font-size:20px}.password-grid{grid-template-columns:1fr}.password-card .actions{flex-direction:column}.password-card .actions .btn{width:100%}.form-actions{flex-direction:column}.form-actions .btn{max-width:none}.detail-with-action{flex-direction:column}.detail-with-action p{min-width:100%}.password-input-wrapper{flex-wrap:wrap}.password-input-wrapper input{width:100%}.auth-box{padding:25px}.pagination{flex-direction:column;gap:15px}.pagination-buttons{flex-direction:column}.pagination-buttons .btn{width:100%}}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);margin-top:20px;flex-wrap:wrap}.pagination-info{display:flex;align-items:center;gap:15px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}.page-size-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-color);background-color:var(--bg-main);cursor:pointer;transition:border-color .3s ease}.page-size-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.pagination-buttons{display:flex;gap:10px}.pagination-buttons .btn{min-width:120px}.pagination-buttons .btn:disabled{opacity:.5;cursor:not-allowed}:root{--pm-primary: #0d9488;--pm-primary-hover: #0f766e;--pm-primary-light: rgba(13, 148, 136, .2);--pm-secondary: #06b6d4;--pm-accent: #14b8a6;--pm-success: #10b981;--pm-success-bg: rgba(16, 185, 129, .15);--pm-warning: #f59e0b;--pm-warning-bg: rgba(245, 158, 11, .15);--pm-danger: #ef4444;--pm-danger-bg: rgba(239, 68, 68, .15);--pm-info: #06b6d4;--pm-info-bg: rgba(6, 182, 212, .15);--pm-bg-primary: #0d1117;--pm-bg-secondary: #161b22;--pm-bg-tertiary: #21262d;--pm-border: #30363d;--pm-border-light: #21262d;--pm-text-primary: #f0f6fc;--pm-text-secondary: #8b949e;--pm-text-tertiary: #6e7681;--pm-text-inverse: #ffffff;--pm-space-xs: 4px;--pm-space-sm: 8px;--pm-space-md: 12px;--pm-space-lg: 16px;--pm-space-xl: 20px;--pm-space-2xl: 24px;--pm-space-3xl: 32px;--pm-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif;--pm-font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--pm-font-size-xs: 11px;--pm-font-size-sm: 12px;--pm-font-size-md: 13px;--pm-font-size-lg: 14px;--pm-font-size-xl: 16px;--pm-font-size-2xl: 18px;--pm-radius-sm: 4px;--pm-radius-md: 6px;--pm-radius-lg: 8px;--pm-radius-xl: 12px;--pm-radius-full: 9999px;--pm-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--pm-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--pm-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--pm-shadow-xl: 0 8px 32px rgba(0, 0, 0, .16);--pm-transition-fast: .15s ease;--pm-transition: .2s ease;--pm-transition-slow: .3s ease}.popup-page *{margin:0;padding:0;box-sizing:border-box}.popup-page{width:380px;height:600px;display:flex;flex-direction:column;background:var(--pm-bg-primary);font-family:var(--pm-font-family);font-size:var(--pm-font-size-md);color:var(--pm-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.popup-header{display:flex;align-items:center;gap:var(--pm-space-md);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-bg-secondary);border-bottom:1px solid var(--pm-border);color:var(--pm-text-primary);min-height:52px;flex-shrink:0}.popup-header-title{font-size:var(--pm-font-size-lg);font-weight:600;flex:1}.popup-header-actions{display:flex;gap:var(--pm-space-xs)}.popup-header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--pm-radius-md);background:var(--pm-bg-tertiary);color:var(--pm-text-secondary);cursor:pointer;transition:var(--pm-transition);font-size:16px}.popup-header-btn:hover{background:var(--pm-primary);color:var(--pm-text-inverse)}.popup-search{padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-bg-primary);border-bottom:1px solid var(--pm-border)}.popup-search-wrapper{display:flex;align-items:center;gap:var(--pm-space-sm);padding:var(--pm-space-sm) var(--pm-space-md);background:var(--pm-bg-tertiary);border:1px solid transparent;border-radius:var(--pm-radius-lg);transition:var(--pm-transition)}.popup-search-wrapper:focus-within{background:var(--pm-bg-primary);border-color:var(--pm-primary);box-shadow:0 0 0 3px var(--pm-primary-light)}.popup-search-icon{color:var(--pm-text-tertiary);flex-shrink:0}.popup-search-input{flex:1;border:none;background:none;font-size:var(--pm-font-size-md);color:var(--pm-text-primary);outline:none;font-family:var(--pm-font-family)}.popup-search-input::placeholder{color:#8b949e}.popup-current-site{display:flex;align-items:center;gap:var(--pm-space-md);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-info-bg);border-bottom:1px solid var(--pm-border)}.popup-current-site-icon{width:32px;height:32px;border-radius:var(--pm-radius-md);background:var(--pm-bg-primary);display:flex;align-items:center;justify-content:center;font-size:18px}.popup-current-site-info{flex:1;min-width:0}.popup-current-site-label{font-size:var(--pm-font-size-sm);font-weight:600;color:var(--pm-info);text-transform:uppercase;letter-spacing:.5px}.popup-current-site-url{font-size:var(--pm-font-size-md);color:var(--pm-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--pm-bg-primary)}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:var(--pm-bg-secondary)}.popup-content::-webkit-scrollbar-thumb{background:var(--pm-border);border-radius:4px}.popup-content::-webkit-scrollbar-thumb:hover{background:var(--pm-text-tertiary)}.popup-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--pm-space-sm) var(--pm-space-lg);background:var(--pm-bg-tertiary);font-size:var(--pm-font-size-xs);font-weight:600;color:var(--pm-text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--pm-border-light)}.popup-password-list{display:flex;flex-direction:column}.popup-password-item{display:flex;align-items:center;gap:var(--pm-space-md);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-bg-primary);border-bottom:1px solid var(--pm-border-light);cursor:pointer;transition:var(--pm-transition)}.popup-password-item:hover{background:var(--pm-bg-tertiary)}.popup-password-item:active{background:var(--pm-border)}.popup-password-item.suggested{background:var(--pm-bg-secondary);border-left:3px solid var(--pm-primary);padding-left:calc(var(--pm-space-lg) - 3px)}.popup-password-item.suggested:hover{background:var(--pm-bg-tertiary)}.popup-password-item.suggested .popup-password-name{color:var(--pm-text-primary)}.popup-password-item.suggested .popup-password-username{color:var(--pm-text-secondary)}.popup-password-favicon{width:36px;height:36px;border-radius:var(--pm-radius-md);background:var(--pm-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.popup-password-favicon img{width:24px;height:24px;object-fit:contain}.popup-password-favicon-letter{font-size:var(--pm-font-size-lg);font-weight:600;color:var(--pm-primary);text-transform:uppercase}.popup-password-info{flex:1;min-width:0}.popup-password-name{font-size:var(--pm-font-size-md);font-weight:500;color:var(--pm-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-password-username{font-size:var(--pm-font-size-sm);color:var(--pm-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-password-actions{display:flex;gap:var(--pm-space-xs);opacity:0;transition:var(--pm-transition)}.popup-password-item:hover .popup-password-actions{opacity:1}.popup-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--pm-radius-sm);background:transparent;color:var(--pm-text-secondary);cursor:pointer;transition:var(--pm-transition);font-size:16px}.popup-action-btn:hover{background:var(--pm-bg-tertiary);color:var(--pm-text-primary)}.popup-action-btn.primary:hover{background:var(--pm-primary-light);color:var(--pm-primary)}.popup-action-btn.success:hover{background:var(--pm-success-bg);color:var(--pm-success)}.popup-action-btn.danger:hover{background:var(--pm-danger-bg);color:var(--pm-danger)}.popup-autofill-btn{display:flex;align-items:center;gap:var(--pm-space-sm);padding:var(--pm-space-sm) var(--pm-space-md);background:var(--pm-success);color:var(--pm-text-inverse);border:none;border-radius:var(--pm-radius-md);font-size:var(--pm-font-size-sm);font-weight:500;cursor:pointer;transition:var(--pm-transition);white-space:nowrap}.popup-autofill-btn:hover{background:#00a045;transform:scale(1.02)}.popup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pm-space-3xl);text-align:center}.popup-empty-icon{font-size:48px;margin-bottom:var(--pm-space-lg);opacity:.5}.popup-empty-title{font-size:var(--pm-font-size-lg);font-weight:600;color:var(--pm-text-primary);margin-bottom:var(--pm-space-sm)}.popup-empty-text{font-size:var(--pm-font-size-sm);color:var(--pm-text-secondary);margin-bottom:var(--pm-space-xl)}.popup-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pm-space-sm);padding:var(--pm-space-sm) var(--pm-space-lg);border:none;border-radius:var(--pm-radius-md);font-size:var(--pm-font-size-md);font-weight:500;font-family:var(--pm-font-family);cursor:pointer;transition:var(--pm-transition);white-space:nowrap}.popup-btn:disabled{opacity:.6;cursor:not-allowed}.popup-btn-primary{background:var(--pm-primary);color:var(--pm-text-inverse)}.popup-btn-primary:hover:not(:disabled){background:var(--pm-primary-hover)}.popup-btn-secondary{background:var(--pm-bg-tertiary);color:var(--pm-text-primary);border:1px solid var(--pm-border)}.popup-btn-secondary:hover:not(:disabled){background:var(--pm-border)}.popup-btn-success{background:var(--pm-success);color:var(--pm-text-inverse)}.popup-btn-success:hover:not(:disabled){background:#00a045}.popup-btn-danger{background:var(--pm-danger);color:var(--pm-text-inverse)}.popup-btn-danger:hover:not(:disabled){background:#d32f2f}.popup-btn-warning{background:var(--pm-warning);color:var(--pm-text-inverse)}.popup-btn-warning:hover:not(:disabled){background:#e68900}.popup-btn-ghost{background:transparent;color:var(--pm-text-secondary)}.popup-btn-ghost:hover:not(:disabled){background:var(--pm-bg-tertiary);color:var(--pm-text-primary)}.popup-btn-block{width:100%}.popup-btn-sm{padding:var(--pm-space-xs) var(--pm-space-md);font-size:var(--pm-font-size-sm)}.popup-form{display:flex;flex-direction:column;gap:var(--pm-space-lg);padding:var(--pm-space-lg);background:var(--pm-bg-primary);flex:1;overflow-y:auto}.popup-form::-webkit-scrollbar{width:8px}.popup-form::-webkit-scrollbar-track{background:var(--pm-bg-secondary)}.popup-form::-webkit-scrollbar-thumb{background:var(--pm-border);border-radius:4px}.popup-form-container{display:flex;flex-direction:column;height:100%;max-height:600px;overflow:hidden}.popup-form-group{display:flex;flex-direction:column;gap:var(--pm-space-xs)}.popup-form-label{font-size:var(--pm-font-size-sm);font-weight:500;color:var(--pm-text-secondary)}.popup-form-required{color:var(--pm-danger)}.popup-form-input{padding:var(--pm-space-md) var(--pm-space-lg);border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);font-size:var(--pm-font-size-md);font-family:var(--pm-font-family);color:var(--pm-text-primary);background:var(--pm-bg-primary);transition:var(--pm-transition)}.popup-form-input:focus{outline:none;border-color:var(--pm-primary);box-shadow:0 0 0 3px var(--pm-primary-light)}.popup-form-input::placeholder{color:#8b949e}textarea.popup-form-input,.popup-form-textarea{resize:vertical;min-height:80px;max-height:150px;padding:var(--pm-space-md) var(--pm-space-lg);line-height:1.6;font-family:var(--pm-font-family);font-size:var(--pm-font-size-md);border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-primary);color:var(--pm-text-primary);transition:var(--pm-transition);width:100%;box-sizing:border-box}textarea.popup-form-input:focus,.popup-form-textarea:focus{outline:none;border-color:var(--pm-primary);box-shadow:0 0 0 3px var(--pm-primary-light)}textarea.popup-form-input::placeholder,.popup-form-textarea::placeholder{color:#8b949e}.popup-password-input-wrapper{display:flex;gap:var(--pm-space-xs)}.popup-password-input-wrapper .popup-form-input{flex:1}.popup-input-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-secondary);color:var(--pm-text-secondary);cursor:pointer;transition:var(--pm-transition);font-size:18px;flex-shrink:0}.popup-input-action:hover{background:var(--pm-primary);border-color:var(--pm-primary);color:var(--pm-text-inverse);transform:scale(1.05)}.popup-input-action:active{transform:scale(.98)}.popup-form-actions{display:flex;gap:var(--pm-space-sm);padding-top:var(--pm-space-lg);margin-top:var(--pm-space-md);border-top:1px solid var(--pm-border)}.popup-form-actions .popup-btn{flex:1}.popup-alert{display:flex;align-items:flex-start;gap:var(--pm-space-sm);padding:var(--pm-space-md);border-radius:var(--pm-radius-md);font-size:var(--pm-font-size-sm);margin-bottom:var(--pm-space-md)}.popup-alert-error{background:var(--pm-danger-bg);color:var(--pm-danger)}.popup-alert-success{background:var(--pm-success-bg);color:var(--pm-success)}.popup-detail-container{display:flex;flex-direction:column;height:100%;max-height:600px;overflow:hidden}.popup-detail-content{flex:1;overflow-y:auto;padding:var(--pm-space-lg);background:var(--pm-bg-primary)}.popup-detail-content::-webkit-scrollbar{width:8px}.popup-detail-content::-webkit-scrollbar-track{background:var(--pm-bg-secondary)}.popup-detail-content::-webkit-scrollbar-thumb{background:var(--pm-border);border-radius:4px}.popup-detail-section{margin-bottom:var(--pm-space-lg)}.popup-detail-label{font-size:var(--pm-font-size-xs);font-weight:600;color:var(--pm-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--pm-space-xs)}.popup-detail-value{display:flex;align-items:center;gap:var(--pm-space-sm);padding:var(--pm-space-sm) var(--pm-space-md);background:var(--pm-bg-primary);border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);font-size:var(--pm-font-size-md)}.popup-detail-value.mono{font-family:var(--pm-font-mono);letter-spacing:1px}.popup-detail-value-text{flex:1;word-break:break-all}.popup-detail-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--pm-radius-sm);background:transparent;color:var(--pm-text-secondary);cursor:pointer;transition:var(--pm-transition);flex-shrink:0}.popup-detail-action:hover{background:var(--pm-bg-tertiary);color:var(--pm-primary)}.popup-detail-action.copied{color:var(--pm-success)}.popup-footer{display:flex;gap:var(--pm-space-sm);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-bg-primary);border-top:1px solid var(--pm-border);margin-top:auto}.popup-footer .popup-btn{flex:1}.popup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--pm-space-md);color:var(--pm-text-secondary)}.popup-spinner{width:24px;height:24px;border:2px solid var(--pm-border);border-top-color:var(--pm-primary);border-radius:50%;animation:popup-spin .6s linear infinite}@keyframes popup-spin{to{transform:rotate(360deg)}}.popup-auth{display:flex;align-items:stretch;justify-content:center;min-height:500px;max-height:600px;padding:0;background:var(--pm-bg-primary);overflow-y:auto}.popup-auth .auth-container{width:100%;min-height:100%;padding:0;background:var(--pm-bg-primary)}.popup-auth .auth-box{width:100%;max-width:100%;padding:var(--pm-space-xl);background:var(--pm-bg-primary);border:none;border-radius:0;box-shadow:none}.popup-auth-box{width:100%;max-width:340px;background:var(--pm-bg-primary);border-radius:var(--pm-radius-xl);box-shadow:var(--pm-shadow-xl);overflow:hidden}.popup-auth-header{padding:var(--pm-space-xl);text-align:center;background:var(--pm-bg-tertiary);border-bottom:1px solid var(--pm-border)}.popup-auth-logo{width:48px;height:48px;margin:0 auto var(--pm-space-md);background:var(--pm-primary);border-radius:var(--pm-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--pm-text-inverse);font-size:24px}.popup-auth-title{font-size:var(--pm-font-size-xl);font-weight:600;color:var(--pm-text-primary);margin-bottom:var(--pm-space-xs)}.popup-auth-subtitle{font-size:var(--pm-font-size-sm);color:var(--pm-text-secondary)}.popup-auth-form{padding:var(--pm-space-xl);display:flex;flex-direction:column;gap:var(--pm-space-lg)}.popup-auth-footer{padding:var(--pm-space-lg);text-align:center;border-top:1px solid var(--pm-border);font-size:var(--pm-font-size-sm);color:var(--pm-text-secondary)}.popup-auth-footer a,.popup-auth-footer button{color:var(--pm-primary);text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.popup-auth-footer a:hover,.popup-auth-footer button:hover{text-decoration:underline}.popup-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pm-space-xs);padding:var(--pm-space-sm) var(--pm-space-md);border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-secondary);color:var(--pm-text-primary);font-size:var(--pm-font-size-sm);font-weight:500;font-family:var(--pm-font-family);cursor:pointer;transition:var(--pm-transition);min-width:70px;text-decoration:none}.popup-back-btn:hover{background:var(--pm-primary);border-color:var(--pm-primary);color:var(--pm-text-inverse);transform:translate(-2px)}.popup-back-btn:active{transform:translate(-1px)}.popup-toast{position:fixed;bottom:var(--pm-space-lg);left:50%;transform:translate(-50%) translateY(100px);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-text-primary);color:var(--pm-text-inverse);font-size:var(--pm-font-size-sm);border-radius:var(--pm-radius-lg);box-shadow:var(--pm-shadow-lg);z-index:1000;opacity:0;transition:var(--pm-transition-slow)}.popup-toast.visible{transform:translate(-50%) translateY(0);opacity:1}.popup-toast.success{background:var(--pm-success)}.popup-toast.error{background:var(--pm-danger)}.popup-quick-actions{display:flex;gap:var(--pm-space-sm);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--pm-bg-primary);border-bottom:1px solid var(--pm-border)}.popup-quick-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--pm-space-xs);padding:var(--pm-space-md);border:none;border-radius:var(--pm-radius-md);background:var(--pm-bg-tertiary);color:var(--pm-text-secondary);font-size:var(--pm-font-size-xs);font-family:var(--pm-font-family);cursor:pointer;transition:var(--pm-transition)}.popup-quick-action:hover{background:var(--pm-primary-light);color:var(--pm-primary)}.popup-quick-action-icon{font-size:20px}.popup-dashboard .popup-header{justify-content:space-between}.popup-dashboard .popup-header-user{display:flex;align-items:center;gap:var(--pm-space-sm);font-size:var(--pm-font-size-sm);opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--pm-transition-slow)}.animate-slide-up{animation:slideUp var(--pm-transition-slow)}.popup-match-badge{display:inline-flex;align-items:center;gap:var(--pm-space-xs);padding:2px var(--pm-space-sm);background:var(--pm-success);color:var(--pm-text-inverse);font-size:10px;font-weight:600;border-radius:var(--pm-radius-full);text-transform:uppercase;letter-spacing:.5px}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}