:root{--system-blue:#007aff;--system-blue-light:#5ac8fa;--system-green:#34c759;--system-orange:#ff9500;--system-red:#ff3b30;--system-yellow:#fc0;--system-purple:#af52de;--system-pink:#ff2d55;--system-teal:#5ac8fa;--system-indigo:#5856d6;--primary-color:#0071e3;--primary-hover:#0077ed;--success-color:#34c759;--danger-color:#ff3b30;--warning-color:#ff9500;--info-color:#5ac8fa;--gray-50:#fafafa;--gray-100:#f5f5f7;--gray-200:#e8e8ed;--gray-300:#d2d2d7;--gray-400:#aeaeb2;--gray-500:#86868b;--gray-600:#636366;--gray-700:#48484a;--gray-800:#1d1d1f;--gray-900:#000;--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--bg-elevated:#fff;--text-primary:#1d1d1f;--text-secondary:#636366;--text-tertiary:#86868b;--text-placeholder:#aeaeb2;--border-primary:#d2d2d7;--border-secondary:#e8e8ed;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.015em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}.card{border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:var(--bg-primary);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card-body{padding:var(--spacing-xl)}.card-header{border-bottom:1px solid var(--border-secondary);padding:var(--spacing-lg)var(--spacing-xl);background:var(--gray-50);border-radius:var(--radius-lg)var(--radius-lg)0 0;color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.stats-card{border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:var(--bg-primary)}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-card.bg-primary{background:linear-gradient(135deg,#007aff 0%,#5ac8fa 100%);border:none}.stats-card.bg-success{background:linear-gradient(135deg,#34c759 0%,#30b34e 100%);border:none}.stats-card.bg-info{background:linear-gradient(135deg,#5ac8fa 0%,#4fb8e8 100%);border:none}.stats-card.bg-secondary{background:linear-gradient(135deg,#8e8e93 0%,#636366 100%);border:none}.stats-card.bg-warning{color:var(--text-primary);background:linear-gradient(135deg,#ff9500 0%,#f80 100%);border:none}.stats-card .card-title{letter-spacing:-.02em;margin-bottom:2px;font-size:28px;font-weight:700}.stats-card .card-text{opacity:.9;letter-spacing:-.01em;font-size:13px;font-weight:500}.form-control,.form-select{border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all var(--transition-fast);background:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;padding:10px 14px;font-family:inherit;font-size:15px}.form-control:focus,.form-select:focus{border-color:var(--system-blue);background:var(--bg-primary);outline:none;box-shadow:0 0 0 4px #007aff1a}.form-control::placeholder{color:var(--text-placeholder)}textarea.form-control{resize:vertical;min-height:80px}.form-label{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:13px;font-weight:500}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);letter-spacing:-.01em;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--system-blue);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-success{background:var(--system-green);color:#fff;box-shadow:var(--shadow-xs)}.btn-success:hover{box-shadow:var(--shadow-sm);background:#30b34e}.btn-danger{background:var(--system-red);color:#fff;box-shadow:var(--shadow-xs)}.btn-danger:hover{box-shadow:var(--shadow-sm);background:#ff453a}.btn-outline-primary{border:1px solid var(--border-primary);color:var(--text-primary);background:var(--bg-primary)}.btn-outline-primary:hover{background:var(--gray-100);border-color:var(--border-primary)}.btn-outline-danger{border:1px solid var(--border-primary);color:var(--system-red);background:var(--bg-primary)}.btn-outline-danger:hover{border-color:var(--system-red);background:#ff3b3014}.btn-outline-warning{border:1px solid var(--border-primary);color:var(--system-orange);background:var(--bg-primary)}.btn-outline-warning:hover{border-color:var(--system-orange);background:#ff950014}.btn-sm{padding:6px 12px;font-size:13px}.btn-outline-light{color:#fff;background:0 0;border:1px solid #fff3}.btn-outline-light:hover{background:#ffffff1a;border-color:#ffffff4d}.table{border-collapse:separate;border-spacing:0;margin-bottom:0}.table thead th{border-top:none;border-bottom:1px solid var(--border-secondary);background:var(--gray-50);color:var(--text-secondary);text-transform:none;letter-spacing:.02em;text-align:left;padding:12px 16px;font-size:12px;font-weight:600}.table tbody tr{transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-secondary)}.table tbody tr:hover{background:var(--gray-50)}.table tbody td{vertical-align:middle;color:var(--text-primary);padding:12px 16px;font-size:14px}.badge{border-radius:var(--radius-full);letter-spacing:.01em;padding:4px 10px;font-size:12px;font-weight:500}.badge.bg-success{color:#fff;background:#34c7591a;font-weight:600}.badge.bg-info{color:var(--system-teal);background:#5ac8fa1a}.badge.bg-light{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border-secondary)}.seed-badge{color:var(--system-orange);background:#ff9500;border:1px solid #ff950033}.link-buttons-group{gap:4px;display:flex}.link-btn{border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.link-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.link-btn.google{background:#4285f4}.link-btn.trend{background:#ea4335}.link-btn.ahrefs{background:#ff642d}.category-radio-group{gap:4px;display:flex}.category-radio{display:none}.category-label{border-radius:var(--radius-sm);cursor:pointer;background:var(--gray-100);width:28px;height:28px;color:var(--text-tertiary);border:1px solid var(--border-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.category-label:hover{background:var(--gray-200);color:var(--text-secondary)}.category-radio:checked+.category-label[data-value=high]{color:var(--system-green);border-color:var(--system-green);background:#34c75926}.category-radio:checked+.category-label[data-value=low]{color:var(--system-teal);border-color:var(--system-teal);background:#5ac8fa26}.category-radio:checked+.category-label[data-value=useless]{background:var(--gray-200);color:var(--text-secondary);border-color:var(--text-tertiary)}.created-time{color:var(--text-tertiary);letter-spacing:.01em;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px}.pagination{justify-content:center;align-items:center;gap:4px;margin:0;display:flex}.pagination .page-item{align-items:center;display:flex}.pagination .page-link{border-radius:var(--radius-md);width:36px;min-width:36px;height:36px;color:var(--text-primary);background:var(--bg-primary);border:none;border:1px solid var(--border-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.pagination .page-link:hover{background:var(--gray-50);border-color:var(--system-blue);color:var(--system-blue)}.pagination .page-item.active .page-link{background:var(--system-blue);color:#fff;border-color:var(--system-blue);font-weight:600}.pagination .page-item.disabled .page-link{background:var(--gray-50);color:var(--text-placeholder);border-color:var(--border-secondary);cursor:not-allowed}.navbar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-secondary);box-shadow:var(--shadow-xs);background:#fffc!important}.navbar-dark{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid #ffffff1a;background:#1d1d1ff2!important}.navbar-brand{letter-spacing:-.02em;font-size:18px;font-weight:600;color:var(--text-primary)!important}.navbar-dark .navbar-brand{color:#fff!important}.nav-link{border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:14px;font-weight:400;color:var(--text-secondary)!important;padding:8px 12px!important}.navbar-dark .nav-link{color:#fffc!important}.nav-link:hover,.nav-link.active{background:#007aff14;color:var(--system-blue)!important}.navbar-dark .nav-link:hover,.navbar-dark .nav-link.active{background:#ffffff1a;color:#fff!important}.spinner-border{--bs-spinner-width:24px;--bs-spinner-height:24px;--bs-spinner-border-width:2px;--bs-spinner-color:var(--system-blue)}.text-muted{color:var(--text-tertiary)!important}.h3{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:600}@media (max-width:768px){.stats-card .card-title{font-size:24px}.table{font-size:13px}.table thead th,.table tbody td{padding:10px 12px}.card-body{padding:var(--spacing-lg)}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--system-blue);outline-offset:2px}.input-group .btn{border-radius:0 var(--radius-md)var(--radius-md)0}.input-group .form-control{border-radius:var(--radius-md)0 0 var(--radius-md)}.input-group .form-control:focus{z-index:1}.table tbody tr.table-primary{background-color:#007aff14}.table tbody tr.table-primary:hover{background-color:#007aff1f}.category-badge{border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:4px;font-size:10px;font-weight:600;display:inline-flex}.category-badge.high{color:var(--system-green);background:#34c75926}.category-badge.low{color:var(--system-teal);background:#5ac8fa26}.category-badge.useless{background:var(--gray-200);color:var(--text-secondary)}
