@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&display=swap";:root{--lokus-bg: #ffffff;--lokus-bg-secondary: #ffffff;--lokus-bg-tertiary: #f7f7f8;--lokus-bg-hover: #f0f0f2;--lokus-border: #ebebeb;--lokus-border-hover: #d4d4d4;--lokus-text: #1c1c1e;--lokus-text-secondary: #3c3c43;--lokus-text-muted: #8e8e93;--lokus-primary: #0339f8;--lokus-primary-hover: #0339f8;--lokus-primary-glow: rgba(52, 120, 246, .12);--lokus-success: #30d158;--lokus-warning: #ff9f0a;--lokus-danger: #ff453a;--lokus-radius: 12px;--lokus-radius-sm: 8px;--lokus-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--lokus-font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--lokus-transition: .18s ease;--sidebar-width: 260px}body{font-family:var(--lokus-font);color:var(--lokus-text);font-size:14px;line-height:1.5;background:var(--lokus-bg-tertiary);margin:0;padding:0;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root{display:flex;height:100vh;overflow:hidden}.lokus-layout{display:flex;width:100%;height:100vh}.lokus-sidebar{width:var(--sidebar-width);background:var(--lokus-bg);border-right:1px solid var(--lokus-border);display:flex;flex-direction:column;flex-shrink:0}.lokus-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--lokus-bg-tertiary)}.lokus-content-scroll{flex:1;overflow-y:auto;padding:32px}.lokus-brand{padding:20px 16px;border-bottom:1px solid var(--lokus-border);margin-bottom:8px}.lokus-brand__logo{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:700;font-size:18px;color:var(--lokus-primary)}.lokus-nav{padding:8px;flex:1}.lokus-nav__item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--lokus-text-secondary);text-decoration:none;font-size:13px;font-weight:500;border-radius:var(--lokus-radius-sm);transition:all var(--lokus-transition)}.lokus-nav__item:hover{background:var(--lokus-bg-hover);color:var(--lokus-text)}.lokus-nav__item.active{background:var(--lokus-primary-glow);color:var(--lokus-primary)}.lokus-switcher{padding:12px;border-top:1px solid var(--lokus-border)}.lokus-switcher__btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px;background:var(--lokus-bg-tertiary);border:1px solid var(--lokus-border);border-radius:var(--lokus-radius);cursor:pointer;text-align:left;transition:all var(--lokus-transition)}.lokus-switcher__btn:hover{border-color:var(--lokus-border-hover)}.lokus-switcher__avatar{width:28px;height:28px;background:var(--lokus-primary);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.lokus-switcher__name{flex:1;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lokus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.lokus-card{background:var(--lokus-bg);border:1px solid var(--lokus-border);border-radius:var(--lokus-radius);padding:20px;box-shadow:0 1px 3px #0000000a}.lokus-card__label{font-size:11px;font-weight:600;color:var(--lokus-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.lokus-card__value{font-size:24px;font-weight:700;color:var(--lokus-text)}.lokus-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.lokus-media-item{background:var(--lokus-bg);border:1px solid var(--lokus-border);border-radius:var(--lokus-radius);overflow:hidden;transition:all var(--lokus-transition)}.lokus-media-item:hover{transform:translateY(-2px);border-color:var(--lokus-primary)}.lokus-media-item__preview{height:140px;background:var(--lokus-bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.lokus-media-item__preview img{width:100%;height:100%;object-fit:cover;display:block}.lokus-media-item__preview:hover .lokus-media-overlay{opacity:1!important}.lokus-media-item__info{padding:10px}.lokus-media-item__name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lokus-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;font-family:var(--lokus-font);border:none;border-radius:var(--lokus-radius-sm);cursor:pointer;transition:all var(--lokus-transition);text-decoration:none}.lokus-btn--primary{background:var(--lokus-primary);color:#fff}.lokus-btn--primary:hover{background:var(--lokus-primary-hover);box-shadow:0 4px 12px var(--lokus-primary-glow)}.lokus-dropdown{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;background:var(--lokus-bg);border:1px solid var(--lokus-border);border-radius:var(--lokus-radius);box-shadow:0 10px 30px #0000001a;z-index:100;padding:8px}.lokus-dropdown__item{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;border-radius:var(--lokus-radius-sm);text-align:left}.lokus-dropdown__item:hover{background:var(--lokus-bg-hover)}.lokus-dropdown__item.active{color:var(--lokus-primary)}@keyframes spin{to{transform:rotate(360deg)}}.lokus-section{background:var(--lokus-bg);border:1px solid var(--lokus-border);border-radius:var(--lokus-radius);overflow:hidden;margin-bottom:16px}.lokus-section-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--lokus-border);font-size:13px;font-weight:600;color:var(--lokus-text-secondary)}.lokus-section-header__left{display:flex;align-items:center;gap:8px}.lokus-section-body{display:none}.lokus-section-body.open{display:block}.lokus-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--lokus-text-muted);gap:12px}.lokus-empty__title{font-size:18px;font-weight:700;color:var(--lokus-text);margin:0}.lokus-empty__desc{font-size:13px;color:var(--lokus-text-muted);margin:0;max-width:280px}.lokus-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--lokus-text-muted);font-size:13px}.lokus-text-muted{color:var(--lokus-text-muted)}