body{font-family:Arial,sans-serif;margin:0;line-height:1.6;color:#333}.form-group{margin-bottom:15px}input,textarea,select{padding:8px;margin:5px 0;width:200px;border:1px solid #ddd;border-radius:4px}h1,h2,h3{color:#2c3e50}button{padding:10px 20px;background:#007bff;color:#fff;border:none;cursor:pointer;border-radius:4px;font-size:14px;transition:background-color .2s}button:hover{background:#0056b3}.error{color:#dc3545;background:#f8d7da;padding:10px;border:1px solid #f5c6cb;border-radius:4px;margin:10px 0}.success{color:#155724;background:#d4edda;padding:10px;border:1px solid #c3e6cb;border-radius:4px;margin:10px 0}.header{background:#fff;border-bottom:1px solid #eee;padding:15px 20px;position:sticky;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center}.hamburger{position:fixed;top:20px;left:20px;width:40px;height:40px;background:rgba(0,0,0,.6);font-size:20px;cursor:pointer;padding-top:2px;border-radius:8px;transition:all .2s ease;font-weight:bold;color:#fff;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.hamburger:hover{transform:translateY(-1px) translateZ(0);box-shadow:0 4px 8px rgba(0,0,0,.15)}.hamburger:active{transform:translateY(0) translateZ(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-title{font-size:18px;font-weight:600;color:#2c3e50}.sidenav{height:100vh;width:0;position:fixed;z-index:1001;top:0;left:0;background-color:#fff;overflow-x:hidden;overflow-y:auto;transition:.3s;box-shadow:2px 0 10px rgba(0,0,0,.1);border-right:1px solid #eee}.sidenav.open{width:280px}@media(max-width: 768px){.sidenav.open{width:100vw}}.nav-section{padding:20px 0;border-bottom:1px solid #eee}.nav-section:last-child{border-bottom:none}.nav-section-title{font-weight:600;color:#6c757d;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:0 20px 10px}.nav-link{display:block;padding:12px 20px;text-decoration:none;color:#333;transition:background-color .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.nav-link:hover{background-color:#f8f9fa}.nav-link.active{background-color:#e3f2fd;color:#1976d2;font-weight:500}.profile-dropdown-sidenav{padding:0}.profile-dropdown-sidenav .nav-link{padding-left:40px;font-size:13px}.profile-dropdown-sidenav .active-profile{background-color:#e8f5e8;color:#2e7d32}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:999;display:none}.overlay.show{display:block}.sidenav-close{position:absolute;top:15px;right:20px;font-size:24px;background:none;border:none;cursor:pointer;color:#6c757d;padding:8px;border-radius:4px}.sidenav-close:hover{background-color:#f8f9fa}.index-controls{margin-bottom:20px;padding:16px}.index-controls__top-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.index-controls__search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px}.index-controls__search input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;background:#fff}.index-controls__search input:focus{outline:none;border-color:var(--theme-color, #007bff);box-shadow:0 0 0 2px rgba(0,123,255,.1)}.index-controls__search button{background:var(--theme-color, #007bff);color:#fff;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px}.index-controls__search button:hover{opacity:.9}.index-controls__search .clear-btn{background:#6c757d;padding:8px 10px}.index-controls__search .clear-btn:hover{background:#5a6268}.index-controls__sort{display:flex;gap:4px;align-items:center}.index-controls__sort label{font-size:12px;color:#666;margin-right:8px;font-weight:500}.index-controls__sort .sort-btn{background:#fff;border:1px solid #ddd;padding:6px 10px;border-radius:16px;text-decoration:none;color:#333;font-size:12px;display:flex;align-items:center;gap:3px;transition:all .2s}.index-controls__sort .sort-btn:hover{border-color:var(--theme-color, #007bff)}.index-controls__sort .sort-btn.active{background:var(--theme-color, #007bff);color:#fff;border-color:var(--theme-color, #007bff)}.index-controls__sort .sort-btn .sort-icon{font-size:10px}.index-controls__view{display:flex;gap:2px;align-items:center}.index-controls__view label{font-size:12px;color:#666;margin-right:8px;font-weight:500}.index-controls__view .view-btn{background:#fff;border:1px solid #ddd;padding:8px;border-radius:8px;text-decoration:none;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .2s}.index-controls__view .view-btn:hover{border-color:var(--theme-color, #007bff);color:var(--theme-color, #007bff)}.index-controls__view .view-btn.active{background:var(--theme-color, #007bff);color:#fff;border-color:var(--theme-color, #007bff)}.index-controls .scopes-container{width:100%;overflow-x:scroll}.index-controls .scopes{width:10000px;display:block;gap:6px;align-items:center;padding-top:12px;border-top:1px solid #eee}.index-controls .scopes label{font-size:12px;color:#666;margin-right:8px;font-weight:500}.index-controls .scopes .scope-pill{background:#fff;border:1px solid #ddd;padding:4px 12px;border-radius:16px;text-decoration:none;color:#666;font-size:12px;transition:all .2s;margin-right:15px}.index-controls .scopes .scope-pill:hover{border-color:var(--theme-color, #007bff);color:var(--theme-color, #007bff)}.index-controls .scopes .scope-pill.active{background:var(--theme-color, #007bff);color:#fff;border-color:var(--theme-color, #007bff)}.grid-layout{display:grid;gap:12px;grid-template-columns:repeat(4, 1fr)}@media(min-width: 768px){.grid-layout{grid-template-columns:repeat(6, 1fr);gap:16px}}@media(min-width: 1024px){.grid-layout{grid-template-columns:repeat(8, 1fr);gap:20px}}.grid-layout .grid-item{width:70px;height:70px;border-radius:16px;text-align:center;transition:all .2s ease;position:relative;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:inherit}.grid-layout .grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--theme-color, #007bff)}.grid-layout .grid-item:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}.grid-layout .grid-item .grid-icon{width:40px;height:40px;margin-bottom:8px;border-radius:12px;object-fit:cover}@media(min-width: 768px){.grid-layout .grid-item .grid-icon{width:48px;height:48px;margin-bottom:10px}}.grid-layout .grid-item .grid-icon.placeholder{background:var(--theme-color-light, rgba(0, 123, 255, 0.1));color:var(--theme-color, #007bff);display:flex;align-items:center;justify-content:center;font-size:20px}@media(min-width: 768px){.grid-layout .grid-item .grid-icon.placeholder{font-size:24px}}.grid-layout .grid-item .grid-title{font-size:11px;font-weight:500;color:#333;line-height:1.2;margin:0;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width: 768px){.grid-layout .grid-item .grid-title{font-size:12px}}.grid-layout .grid-item .grid-title:hover{color:var(--theme-color, #007bff)}.grid-layout .grid-item .grid-badge{position:absolute;top:6px;right:6px;background:#ffc107;color:#000;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:bold}.grid-layout .grid-item .grid-favorite{position:absolute;top:6px;left:6px;color:#e74c3c;font-size:12px}.grid-layout .grid-item .grid-external{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:8px;opacity:0;transition:opacity .2s;cursor:pointer;z-index:1}.grid-layout .grid-item:hover .grid-external{opacity:1}.grid-empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:linear-gradient(135deg, var(--theme-color-light, rgba(0, 123, 255, 0.1)) 0%, var(--theme-color-lighter, rgba(0, 123, 255, 0.05)) 100%);border-radius:16px;border:2px dashed var(--theme-color-light, rgba(0, 123, 255, 0.3))}.grid-empty .empty-icon{font-size:3em;margin-bottom:16px;opacity:.6}.grid-empty h3{margin:0 0 8px 0;color:#333;font-size:18px}.grid-empty p{color:#666;margin-bottom:20px;font-size:14px}.grid-empty .add-btn{background:var(--theme-color, #007bff);color:#fff;padding:10px 20px;text-decoration:none;border-radius:20px;font-weight:500;font-size:14px}.grid-empty .add-btn:hover{opacity:.9}:root{--gradient-color-1: #667eea;--gradient-color-2: #764ba2;--gradient-color-3: #f093fb}.gradient{position:relative;background:linear-gradient(45deg, var(--gradient-color-1, #667eea), var(--gradient-color-2, #764ba2), var(--gradient-color-3, #f093fb), var(--gradient-color-1, #667eea));background-size:400% 400%;animation:gradientShift 30s ease infinite;background-attachment:fixed}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.sparkles:not(body){overflow:hidden}.sparkles::before,.sparkles::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.sparkles::before{background-image:radial-gradient(3px 3px at 20% 30%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1) 50%, transparent),radial-gradient(2px 2px at 40% 70%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1) 40%, transparent),radial-gradient(2px 2px at 90% 40%, rgb(255, 255, 255), rgba(255, 255, 255, 0.2) 50%, transparent),radial-gradient(3px 3px at 50% 50%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 45%, transparent),radial-gradient(2px 2px at 80% 10%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1) 50%, transparent),radial-gradient(3px 3px at 10% 80%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.1) 40%, transparent),radial-gradient(2px 2px at 65% 25%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1) 45%, transparent),radial-gradient(3px 3px at 25% 85%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1) 50%, transparent);background-repeat:no-repeat;background-size:100% 100%;animation:sparklePulse1 20s ease infinite}.sparkles::after{background-image:radial-gradient(2px 2px at 60% 20%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 45%, transparent),radial-gradient(3px 3px at 30% 60%, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1) 50%, transparent),radial-gradient(2px 2px at 70% 80%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1) 40%, transparent),radial-gradient(2px 2px at 15% 40%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 45%, transparent),radial-gradient(3px 3px at 85% 60%, rgb(255, 255, 255), rgba(255, 255, 255, 0.2) 50%, transparent),radial-gradient(2px 2px at 45% 15%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.1) 40%, transparent),radial-gradient(3px 3px at 75% 35%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1) 45%, transparent),radial-gradient(2px 2px at 35% 90%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 45%, transparent);background-repeat:no-repeat;background-size:100% 100%;animation:sparklePulse2 25s ease infinite}@keyframes sparklePulse1{0%{opacity:.2}50%{opacity:.8}100%{opacity:.2}}@keyframes sparklePulse2{0%{opacity:.3}50%{opacity:.9}100%{opacity:.3}}.sparkles.sparkles--intense::before{animation:sparklePulse1 10s ease infinite}.sparkles.sparkles--intense::after{animation:sparklePulse2 12s ease infinite}.sparkles.sparkles--subtle::before{animation:sparklePulse1 40s ease infinite;opacity:.5}.sparkles.sparkles--subtle::after{animation:sparklePulse2 45s ease infinite;opacity:.5}.main-content{padding:50px 0px 0px 0px;max-width:1200px;margin-left:auto;margin-right:auto}.unscroll{-ms-overflow-style:none;scrollbar-width:none}:root{--bg-color: #ffffff;--bg-secondary-color: #f3f3f6;--color-primary: #14854F;--color-lightGrey: #d2d6dd;--color-grey: #747681;--color-darkGrey: #3f4144;--color-error: #d43939;--color-success: #28bd14;--grid-maxWidth: 120rem;--grid-gutter: 2rem;--font-size: 1.6rem;--font-color: #333333;--font-family-sans: sans-serif;--font-family-mono: monaco, "Consolas", "Lucida Console", monospace}.hidden{display:none !important}.sort .sort-option{background:green}.profile-link-topright{position:fixed;top:20px;right:20px}/*# sourceMappingURL=main.css.map */