*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-border: #e2e6ea;--color-border-light: #f0f1f3;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-warn: #d97706;--color-warn-light: #fffbeb;--trust-l1: #9ca3af;--trust-l2: #f59e0b;--trust-l3: #3b82f6;--trust-l4: #22c55e;--sidebar-width: 220px;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04)}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:var(--color-text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow)}.login-title{font-size:24px;font-weight:600;margin-bottom:8px}.login-desc{color:var(--color-text-secondary);margin-bottom:28px;line-height:1.6}.login-subdesc{font-size:12px;color:var(--color-text-muted)}.login-form{display:flex;flex-direction:column;gap:16px}.login-note{margin-top:20px;font-size:12px;color:var(--color-text-muted);text-align:center}.auth-tab{flex:1;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s}.auth-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-size:12px}.btn-github{display:flex;align-items:center;justify-content:center;gap:8px}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-brand{padding:20px 16px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:baseline;gap:8px}.sidebar-brand h1{font-size:16px;font-weight:600}.sidebar-version{font-size:11px;color:var(--color-text-muted)}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);color:var(--color-text-secondary);font-size:13px;text-decoration:none;transition:background .15s,color .15s}.nav-item:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.nav-icon{font-size:10px;width:16px;text-align:center}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-item-parent{margin-bottom:0}.nav-submenu{display:flex;flex-direction:column;gap:2px;margin-left:18px;padding-left:10px;border-left:1px solid var(--color-border-light)}.nav-subitem{display:block;padding:7px 12px;border-radius:var(--radius);color:var(--color-text-secondary);font-size:12px;text-decoration:none;transition:background .15s,color .15s}.nav-subitem:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.nav-subitem.active{background:#2563eb14;color:var(--color-primary);font-weight:500}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.user-name{font-size:13px;font-weight:500}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh}.page{max-width:960px;margin:0 auto;padding:32px 24px}.page-loading{display:flex;align-items:center;justify-content:center;padding:80px 0;color:var(--color-text-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:20px;font-weight:600}.page-header-stack{align-items:flex-start;justify-content:flex-start}.page-subtitle{margin-top:4px;font-size:13px;color:var(--color-text-secondary)}.page-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn:hover{background:var(--color-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:transparent}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 10px;font-size:12px}.btn-block{width:100%}.btn-text{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;font-size:13px;font-family:inherit}.btn-text:hover{color:var(--color-text)}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.form-actions{display:flex;gap:8px;margin-top:12px}.form-error{color:var(--color-danger);font-size:13px}.form-card{margin-bottom:20px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:14px;font-weight:600;margin-bottom:12px}.card-header .card-title{margin-bottom:0}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:13px}.alert-error{background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid #bbf7d0}.alert-warn{background:var(--color-warn-light);color:var(--color-warn);border:1px solid #fde68a}.status-banner{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--color-success-light);border:1px solid #bbf7d0;border-radius:var(--radius-lg);margin-bottom:24px}.status-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-ok{color:var(--color-success);background:#dcfce7}.status-text{font-size:14px;font-weight:500;color:var(--color-success)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 20px;text-align:center;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:border-color .15s}.stat-card:hover{border-color:var(--color-primary);text-decoration:none}.stat-value{font-size:28px;font-weight:700;color:var(--color-text);line-height:1.2}.stat-label{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.pending-list{display:flex;flex-direction:column;gap:8px}.pending-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border-light)}.pending-item:last-child{border-bottom:none}.pending-badge{background:var(--color-warn);color:#fff;font-size:11px;font-weight:600;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:11px;padding:0 6px}.pending-message{flex:1;font-size:13px}.pending-type{font-size:12px;color:var(--color-text-muted)}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-row{display:flex;align-items:center;gap:12px}.activity-platform{width:80px;font-size:13px;font-weight:500;text-align:right}.activity-bar-container{flex:1;height:20px;background:var(--color-bg);border-radius:4px;overflow:hidden}.activity-bar{height:100%;background:var(--color-primary);border-radius:4px;min-width:4px;transition:width .3s ease}.activity-count{width:40px;font-size:13px;color:var(--color-text-secondary);text-align:right}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:13px;transition:border-color .15s,background .15s;text-decoration:none}.quick-link:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.quick-link-icon{font-size:12px;color:var(--color-text-muted)}.quick-link:hover .quick-link-icon{color:var(--color-primary)}.table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 16px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.table td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--color-border-light)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafbfc}.cell-name{font-weight:500}.cell-time{color:var(--color-text-secondary);font-size:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.badge-platform{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.trust-select{padding:3px 8px;border-radius:var(--radius);font-size:12px;font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-family:inherit}.trust-select.trust-l1{color:var(--trust-l1);border-color:var(--trust-l1)}.trust-select.trust-l2{color:var(--trust-l2);border-color:var(--trust-l2)}.trust-select.trust-l3{color:var(--trust-l3);border-color:var(--trust-l3)}.trust-select.trust-l4{color:var(--trust-l4);border-color:var(--trust-l4)}.trust-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500;white-space:nowrap}.trust-l1{background:#f3f4f6;color:var(--trust-l1)}.trust-l2{background:#fffbeb;color:var(--trust-l2)}.trust-l3{background:#eff6ff;color:var(--trust-l3)}.trust-l4{background:#f0fdf4;color:var(--trust-l4)}.key-display{display:flex;flex-direction:column;gap:10px}.key-warning{font-weight:600}.key-value{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #bbf7d0;border-radius:var(--radius);padding:8px 12px}.key-value code{flex:1;font-size:13px;font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;word-break:break-all}.empty-state{text-align:center;padding:48px 20px;color:var(--color-text-secondary)}.empty-state p{font-size:14px}.empty-hint{font-size:13px!important;color:var(--color-text-muted)!important;margin-top:4px}.section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;margin-bottom:6px}.section-desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:16px}.profile-cards{display:flex;flex-direction:column;gap:12px}.profile-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;line-height:1.6;resize:vertical;background:var(--color-surface);color:var(--color-text)}.profile-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.vault-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.vault-card{margin-bottom:0}.vault-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.vault-scope{font-weight:600;font-size:14px}.vault-desc{font-size:13px;color:var(--color-text-secondary)}.trust-legend{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:16px 20px}.trust-legend h4{font-size:13px;font-weight:600;margin-bottom:10px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.project-list{display:flex;flex-direction:column;gap:12px}.project-card{cursor:pointer;transition:border-color .15s;margin-bottom:0}.project-card:hover{border-color:var(--color-primary)}.project-card.selected{border-color:var(--color-primary);border-width:2px}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.project-name{font-weight:600;font-size:14px}.project-status{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.status-active{background:#f0fdf4;color:var(--color-success)}.status-archived{background:#f3f4f6;color:var(--color-text-muted)}.status-paused{background:var(--color-warn-light);color:var(--color-warn)}.project-desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.project-meta{font-size:12px;color:var(--color-text-muted)}.project-detail{padding-left:16px;border-left:2px solid var(--color-primary);margin-top:8px}.context-content{font-size:13px;font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-word;background:var(--color-bg);padding:12px;border-radius:var(--radius);max-height:400px;overflow-y:auto;line-height:1.5}.log-timeline{display:flex;flex-direction:column;gap:0}.log-entry{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border-light)}.log-entry:last-child{border-bottom:none}.log-time{font-size:11px;color:var(--color-text-muted);white-space:nowrap;width:130px;flex-shrink:0}.log-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);margin-top:6px;flex-shrink:0}.log-content{flex:1;font-size:13px}.log-source{display:inline-block;font-size:11px;color:var(--color-primary);background:var(--color-primary-light);padding:0 6px;border-radius:4px;margin-right:6px}.log-message{color:var(--color-text)}.badge-l1{background:#f3f4f6;color:var(--trust-l1)}.badge-l2{background:#fffbeb;color:var(--trust-l2)}.badge-l3{background:#eff6ff;color:var(--trust-l3)}.badge-l4{background:#f0fdf4;color:var(--trust-l4)}.badge-active{background:#f0fdf4;color:var(--color-success)}.badge-archived{background:#f3f4f6;color:var(--color-text-muted)}.cell-key-prefix{font-size:11px;color:var(--color-text-muted);font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;margin-top:2px}.api-key-warning{font-weight:600}.api-key-box{display:flex;align-items:center;background:#fff;border:1px solid #bbf7d0;border-radius:var(--radius);padding:8px 12px}.api-key-box code{flex:1;font-size:13px;font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;word-break:break-all}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{background:var(--color-bg);color:var(--color-text)}.project-header-actions{display:flex;align-items:center;gap:8px}.timeline-item{padding:10px 0;border-bottom:1px solid var(--color-border-light)}.timeline-item:last-child{border-bottom:none}.timeline-item .time{font-size:11px;color:var(--color-text-muted)}.timeline-item .source{font-size:11px;color:var(--color-primary);background:var(--color-primary-light);padding:0 6px;border-radius:4px}.timeline-item .summary{font-size:13px;color:var(--color-text);margin-top:2px}.timeline-item .tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.timeline-item .tag{font-size:11px;color:var(--color-text-muted);background:var(--color-bg);padding:1px 6px;border-radius:4px;border:1px solid var(--color-border-light)}.auth-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:20px}.auth-tab{flex:1;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-family:inherit;color:var(--color-text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.auth-tab:hover{color:var(--color-text)}.auth-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:12px;color:var(--color-text-muted)}.btn-github{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#24292e;border-color:#24292e;color:#fff}.btn-github:hover{background:#1b1f23;color:#fff}.github-icon{flex-shrink:0}.setup-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.setup-section-highlight{background:linear-gradient(180deg,#f8fbff 0%,var(--color-surface) 100%);border-color:#c7dcff;box-shadow:0 10px 30px #2058bc14}.setup-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.setup-section-header h3{font-size:15px;font-weight:600;margin:0}.setup-section-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:#2058bc1f;color:#2058bc;font-size:11px;font-weight:700;vertical-align:middle}.setup-section-icon{font-size:20px;flex-shrink:0;margin-top:1px}.setup-section-desc{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0}.setup-or{font-size:13px;color:var(--color-text-secondary);margin:12px 0 8px}.setup-steps{margin:14px 0 10px;padding-left:20px;color:var(--color-text)}.setup-steps li{font-size:13px;line-height:1.7;margin-bottom:6px}.setup-note{font-size:13px;line-height:1.7;color:var(--color-text-secondary);margin:12px 0 0}.setup-mode-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.setup-tabs{display:inline-flex;gap:8px;padding:4px;background:#2058bc14;border:1px solid #d7e5ff;border-radius:999px;margin-bottom:16px}.setup-tab{border:none;background:transparent;color:var(--color-text-secondary);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.setup-tab:hover{color:var(--color-text);background:#ffffffbf}.setup-tab-active{background:#fff;color:#2058bc;box-shadow:0 3px 10px #2058bc1f}.setup-tab-panel{border-top:1px solid rgba(32,88,188,.14);padding-top:18px}.setup-platform-title{font-size:16px;font-weight:600;margin:0 0 4px}.setup-note-first{margin-top:0}.setup-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.setup-screenshot-placeholder{min-height:180px;padding:18px;border:1px dashed #bfd4f7;border-radius:var(--radius-lg);background:linear-gradient(180deg,#eff6ffd9,#f8fafcf2);display:flex;flex-direction:column;justify-content:center;gap:8px}.setup-screenshot-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2058bc}.setup-screenshot-title{font-size:15px;font-weight:600;color:var(--color-text)}.setup-screenshot-caption{font-size:13px;line-height:1.6;color:var(--color-text-secondary)}.code-block{position:relative;background:#1e1e2e;border-radius:var(--radius);padding:14px 16px;margin-bottom:8px}.code-block-label{font-size:11px;color:#88a;margin-bottom:6px}.code-block pre{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;color:#e0e0e8;white-space:pre-wrap;word-break:break-all;margin:0}.copy-btn{position:absolute;top:10px;right:10px;padding:3px 10px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);background:#ffffff14;color:#bbb;font-size:11px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.copy-btn:hover{background:#ffffff26;color:#fff}.scope-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.scope-grid-category{display:flex;flex-direction:column;gap:4px}.scope-grid-category-name{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:2px}.scope-grid-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text);cursor:pointer;padding:2px 0}.scope-grid-item input[type=checkbox]{accent-color:var(--color-primary);margin:0}.scope-grid-item span{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11.5px}.token-list{display:flex;flex-direction:column;gap:0}.token-list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border-light)}.token-list-item:last-child{border-bottom:none}.token-list-item-inactive{opacity:.5}.token-list-main{flex:1;min-width:0}.token-inline-edit{display:flex;flex-direction:column;gap:6px}.token-inline-input{width:min(280px,100%);padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.token-inline-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.token-list-name{font-size:13px;font-weight:500}.token-list-prefix{font-size:11px;color:var(--color-text-muted);font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.token-list-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.token-list-sep{color:var(--color-text-muted)}.token-list-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.preset-radio-group{display:flex;flex-direction:column;gap:6px}.preset-radio{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.preset-radio:hover,.preset-radio-active{border-color:var(--color-primary);background:var(--color-primary-light)}.preset-radio input[type=radio]{display:none}.preset-radio-dot{width:16px;height:16px;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;margin-top:1px;position:relative;transition:border-color .15s}.preset-radio-active .preset-radio-dot{border-color:var(--color-primary)}.preset-radio-active .preset-radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.preset-radio strong{font-size:13px;display:block}.preset-radio-desc{font-size:12px;color:var(--color-text-secondary);display:block;margin-top:1px}.expiry-select{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--color-surface);color:var(--color-text);width:100%;cursor:pointer;transition:border-color .15s}.expiry-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.quick-links,.legend-grid{grid-template-columns:1fr}}.oauth-page{display:block;min-height:100vh;background:var(--color-bg);padding:40px 20px;text-align:center}.oauth-page .oauth-card{display:inline-block;text-align:left}.oauth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:480px;width:100%;padding:32px}.oauth-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:4px}.oauth-subtitle{text-align:center;color:var(--color-text-secondary);font-size:14px;margin-bottom:24px}.oauth-app-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:24px}.oauth-app-logo{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.oauth-app-logo img{width:100%;height:100%;object-fit:cover}.oauth-app-name{font-weight:600;font-size:16px}.oauth-app-sub{color:var(--color-text-secondary);font-size:13px}.oauth-scopes{margin-bottom:24px}.oauth-scopes h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--color-text-secondary)}.oauth-scope-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:14px}.oauth-scope-item:last-child{border-bottom:none}.oauth-scope-check{color:var(--color-success, #4CAF50);font-size:16px;flex-shrink:0}.oauth-user-status{text-align:center;padding:12px 0;color:var(--color-text-secondary);font-size:14px;margin-bottom:16px}.oauth-actions{display:flex;gap:12px}.oauth-btn-deny,.oauth-btn-approve{flex:1;padding:12px 24px;font-size:14px;font-weight:600}.oauth-error{background:#fff3f3;border:1px solid #ffcdd2;border-radius:var(--radius-md);padding:16px;color:#c62828;font-size:14px;margin-top:16px}.oauth-loading{text-align:center;padding:40px 0;color:var(--color-text-secondary)}