@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";:root{--bg-primary: #0a0e1a;--bg-secondary: #0f1624;--bg-tertiary: #151b2e;--accent-primary: #00d9ff;--accent-secondary: #00a8cc;--accent-tertiary: #007a99;--text-primary: #e8f0f8;--text-secondary: #b0c4de;--text-muted: #6b7fa0;--border-color: #1e2a3e;--border-accent: #00d9ff33;--error: #ff6b6b;--success: #51cf66;--font-display: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-sm: 0 2px 8px rgba(0, 217, 255, .1);--shadow-md: 0 4px 16px rgba(0, 217, 255, .15);--shadow-lg: 0 8px 32px rgba(0, 217, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,168,204,.08) 0%,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);background-size:100% 100%,100% 100%,100% 100%;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(30deg,transparent 24%,rgba(0,217,255,.03) 25%,rgba(0,217,255,.03) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.03) 75%,rgba(0,217,255,.03) 76%,transparent 77%),linear-gradient(60deg,transparent 24%,rgba(0,217,255,.03) 25%,rgba(0,217,255,.03) 26%,transparent 27%,transparent 74%,rgba(0,217,255,.03) 75%,rgba(0,217,255,.03) 76%,transparent 77%);background-size:60px 60px;z-index:-1;pointer-events:none;opacity:.5}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.app{max-width:1400px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;animation:fadeIn .6s ease-out;position:relative}.github-entry{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:1000;color:#fff;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-md)}.github-entry:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.github-entry-icon{width:24px;height:24px;display:block}@media(max-width:768px){.github-entry{top:var(--spacing-sm);right:var(--spacing-sm);padding:calc(var(--spacing-xs) / 2)}.github-entry-icon{width:20px;height:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:var(--spacing-xl);animation:slideDown .8s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;margin-bottom:var(--spacing-sm)}.app-footer{margin-top:var(--spacing-xl);padding:var(--spacing-sm) 0;text-align:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-text{font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono);margin:0}.footer-github-link{font-size:.8125rem;color:var(--accent-primary);text-decoration:none;font-family:var(--font-mono);transition:color .2s ease;margin:0}.footer-github-link:hover{color:var(--accent-secondary);text-decoration:underline}.rate-limit-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:.6875rem}.rate-limit-indicator{color:var(--text-muted);padding:.125rem .375rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.6875rem}.rate-limit-indicator.warning{color:var(--error);border-color:var(--error);background:#ff6b6b1a}.rate-limit-warning{color:var(--error);font-size:.625rem;display:flex;align-items:center;gap:.25rem}.rate-limit-error{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ff6b6b1a;border:1px solid var(--error);border-radius:var(--radius-sm);font-size:.875rem}.rate-limit-error p{margin:.25rem 0;color:var(--text-secondary)}.filters{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;animation:fadeInUp .8s ease-out .2s both;position:relative;z-index:100}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filter-input{font-family:var(--font-mono);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:1rem;transition:all .3s ease;min-width:120px;height:42px;box-sizing:border-box}.filter-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--border-accent);background:var(--bg-secondary)}.filter-input:hover{border-color:var(--accent-secondary)}.filter-input::placeholder{color:var(--text-muted);opacity:.6}select.filter-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d9ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-md) + 16px)}.language-select{font-family:var(--font-mono);font-size:1rem;min-width:200px}.language-select__control{min-height:42px!important;height:42px!important;box-shadow:none!important;box-sizing:border-box!important}.language-select__control--is-focused{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--border-accent)!important}.language-select__menu{z-index:10001!important;margin-top:4px!important}.language-select__option--is-selected{background-color:var(--accent-primary)!important;color:var(--bg-primary)!important}.language-select__option--is-focused{background-color:var(--bg-secondary)!important}.date-filter-group{position:relative;z-index:101}.date-filter-wrapper{position:relative;z-index:102}.date-filter-button{font-family:var(--font-mono);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:1rem;transition:all .3s ease;min-width:160px;width:100%;height:42px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.date-filter-button:hover{border-color:var(--accent-secondary);background:var(--bg-secondary)}.date-filter-button:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--border-accent)}.date-filter-arrow{color:var(--accent-primary);font-size:.75rem;margin-left:var(--spacing-sm);transition:transform .3s ease}.date-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);min-width:320px;max-width:480px;width:max-content;z-index:10000;box-shadow:var(--shadow-lg);animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-filter-header{font-family:var(--font-display);font-weight:600;font-size:.75rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.date-filter-section{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.date-filter-section:first-of-type{margin-top:0}.date-filter-section-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:var(--spacing-xs);font-family:var(--font-display)}.date-filter-custom{margin-bottom:0}.date-filter-helper-text{font-size:.6875rem;color:var(--text-muted);margin-top:calc(var(--spacing-xs) / 2);font-style:italic;line-height:1.4}.date-filter-custom-input{font-family:var(--font-mono);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:calc(var(--spacing-xs) / 2 + 2px) var(--spacing-xs);color:var(--text-primary);font-size:.8125rem;width:100%;transition:all .3s ease;height:36px;box-sizing:border-box}.date-filter-custom-input:hover{border-color:var(--accent-secondary);background:var(--bg-secondary)}.date-filter-custom-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-accent)}.date-filter-custom-input::placeholder{color:var(--text-muted);opacity:.6}.date-filter-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-xs) / 2);margin-bottom:0}.date-filter-preset{font-family:var(--font-display);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:calc(var(--spacing-xs) / 2 + 2px) var(--spacing-xs);color:var(--text-secondary);font-size:.8125rem;text-align:left;cursor:pointer;transition:all .3s ease;position:relative;font-weight:500}.date-filter-preset:hover{background:var(--bg-secondary);border-color:var(--accent-secondary);color:var(--text-primary)}.date-filter-preset.active{background:#00d9ff26;border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600;box-shadow:0 0 0 1px var(--accent-primary)}.date-filter-preset.active:before{content:"✓";position:absolute;left:calc(var(--spacing-xs) / 2 + 2px);color:var(--accent-primary);font-weight:700;font-size:.875rem}.date-filter-preset.active{padding-left:calc(var(--spacing-xs) + 20px)}.date-filter-absolute{margin-bottom:0}.date-filter-date-input{font-family:var(--font-mono);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:calc(var(--spacing-xs) / 2 + 2px) var(--spacing-xs);color:var(--text-primary);font-size:.8125rem;width:100%;transition:all .3s ease;height:36px;box-sizing:border-box}.date-filter-date-input:hover{border-color:var(--accent-secondary);background:var(--bg-secondary)}.date-filter-date-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-accent);background:var(--bg-secondary)}.date-filter-range{display:flex;flex-direction:column;gap:var(--spacing-sm)}.date-range-inputs{display:flex;align-items:flex-end;gap:var(--spacing-xs);flex-wrap:wrap}.date-range-input-group{flex:1;min-width:120px;display:flex;flex-direction:column;gap:calc(var(--spacing-xs) / 2)}.date-range-input-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display)}.date-range-separator{color:var(--text-muted);font-size:.8125rem;font-weight:500;padding:0 var(--spacing-xs);align-self:flex-end;margin-bottom:calc(var(--spacing-xs) / 2 + 2px);font-family:var(--font-display)}.date-range-pending-indicator{display:flex;align-items:center;gap:calc(var(--spacing-xs) / 2);font-size:.75rem;color:var(--accent-secondary);font-family:var(--font-mono);padding:calc(var(--spacing-xs) / 2) var(--spacing-xs);background:#00d9ff1a;border:1px solid var(--accent-primary);border-radius:var(--radius-sm);margin-top:calc(var(--spacing-xs) / 2)}.pending-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.date-range-apply-button{font-family:var(--font-display);background:var(--accent-primary);border:2px solid var(--accent-primary);color:var(--bg-primary);padding:calc(var(--spacing-xs) / 2 + 2px) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;width:100%;margin-top:var(--spacing-xs);box-shadow:0 2px 6px #00d9ff40;height:36px;box-sizing:border-box}.date-range-apply-button:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 3px 10px #00d9ff59}.date-range-apply-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00d9ff40}.date-range-apply-button:disabled{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.5;box-shadow:none}.date-range-error-text{font-size:.75rem;color:var(--error);margin-top:calc(var(--spacing-xs) / 2);font-family:var(--font-mono);padding:calc(var(--spacing-xs) / 2);background:#ff6b6b1a;border:1px solid var(--error);border-radius:var(--radius-sm)}.date-filter-type-toggle{display:flex;gap:calc(var(--spacing-xs) / 2);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.date-type-toggle{flex:1;font-family:var(--font-display);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:calc(var(--spacing-xs) / 2) var(--spacing-xs);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .3s ease;font-weight:500}.date-type-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-secondary);color:var(--text-primary)}.date-type-toggle.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);font-weight:600}.loading,.error{text-align:center;padding:var(--spacing-xl);animation:fadeIn .5s ease-out}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--error)}.retry-button{margin-top:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--error);color:var(--error);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:var(--error);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.results-info{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:1rem;animation:fadeIn .5s ease-out}.results-info strong{color:var(--accent-primary);font-weight:600}.repos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl);position:relative;z-index:1}.repo-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all .3s ease;animation:fadeInUp .6s ease-out both;position:relative;overflow:hidden}.repo-card:hover{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),0 0 8px #00d9ff33}.repo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.repo-name{font-family:var(--font-mono);font-size:1.125rem;font-weight:600;color:var(--accent-primary);text-decoration:none;transition:color .3s ease;flex:1;word-break:break-word}.repo-name:hover{color:var(--accent-secondary);text-decoration:underline}.repo-stars{display:flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.star-icon{color:gold;font-size:1rem}.repo-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-meta{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono)}.repo-language{background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.repo-date{color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-md);animation:fadeIn .5s ease-out}.pagination-button{font-family:var(--font-display);background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9375rem}.pagination-button:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-family:var(--font-mono);color:var(--text-secondary);font-size:.9375rem;padding:0 var(--spacing-md)}@media(max-width:768px){.app{padding:var(--spacing-md)}.repos-grid{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.filter-input,.date-filter-button{width:100%}.date-filter-dropdown{left:0;right:0;min-width:auto;width:100%;max-width:100%}.date-filter-presets{grid-template-columns:1fr}.date-range-inputs{flex-direction:column;align-items:stretch}.date-range-separator{align-self:center;margin:calc(var(--spacing-xs) / 2) 0;padding:0}.date-range-input-group{min-width:100%}.pagination{flex-direction:column;gap:var(--spacing-sm)}}
