:root{--c-primary: #0891b2;--c-primary-light: rgba(8,145,178,.08);--c-primary-hover: #0e7490;--c-accent: #22d3ee;--c-accent-soft: #cffafe;--c-text-1: #0f172a;--c-text-2: #475569;--c-text-3: #94a3b8;--c-text-4: #cbd5e1;--c-border: #e0f2fe;--c-border-strong: #bae6fd;--c-bg-page: #f0f9ff;--c-bg-card: #ffffff;--c-bg-elevated: #ffffff;--c-bg-white: #ffffff;--c-bg-subtle: #f8fafc;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(8,145,178,.06);--shadow-md: 0 4px 16px rgba(8,145,178,.08);--shadow-lg: 0 8px 28px rgba(8,145,178,.11);--shadow-card: 0 1px 4px rgba(8,145,178,.07), 0 0 0 1px rgba(8,145,178,.04);--ease: cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--c-text-1);background:var(--c-bg-page);-webkit-font-smoothing:antialiased}.layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:68px;background:#fff;border-right:1px solid var(--c-border);display:flex;flex-direction:column;align-items:center;padding:14px 0;flex-shrink:0;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.sidebar-logo{width:32px;height:32px;margin-bottom:18px;cursor:pointer;transition:transform .2s var(--ease)}.sidebar-logo:hover{transform:scale(1.08)}.sidebar-logo svg{width:100%;height:100%}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 0;cursor:pointer;font-size:11px;color:var(--c-text-3);gap:4px;transition:color .18s var(--ease);text-decoration:none;border-left:2px solid transparent}.nav-item:hover{color:var(--c-primary);background:var(--c-primary-light)}.nav-item.active{color:var(--c-primary);background:var(--c-primary-light);border-left-color:var(--c-primary)}.nav-icon{font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.nav-label{font-size:11px;line-height:1;white-space:nowrap}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.sidebar-user{margin-top:8px;cursor:pointer;transition:opacity .2s}.sidebar-user:hover{opacity:.7}.main-content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;background:var(--c-bg-page);padding:20px 28px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.page-title{font-size:22px;font-weight:600;color:var(--c-text-1)}.page-subtitle{font-size:13px;color:var(--c-text-3);margin-top:4px}.card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:box-shadow .2s var(--ease),border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--c-border-strong)}.search-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px;box-shadow:var(--shadow-card)}.empty-state-big{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 0;color:var(--c-text-4)}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:#0003}.icp-footer-link{position:fixed;left:50%;bottom:8px;transform:translate(-50%);z-index:130;color:#475569b8;font-size:12px;line-height:1;text-decoration:none;white-space:nowrap}.icp-footer-link:hover{color:var(--c-primary)}@media (max-width: 768px){.layout{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;width:100%;height:60px;border-right:0;border-top:1px solid var(--c-border);flex-direction:row;align-items:stretch;padding:0;z-index:120;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-logo,.sidebar-bottom{display:none}.sidebar-nav{width:100%;flex-direction:row;align-items:stretch;justify-content:space-between;overflow-x:auto;gap:0}.nav-item{min-width:52px;padding:6px 0;border-left:0;border-top:2px solid transparent;flex:1}.nav-item.active{border-left-color:transparent;border-top-color:var(--c-primary)}.nav-label{display:none}.main-content{padding:14px 14px 78px}.page-title{font-size:18px}.icp-footer-link{bottom:66px}}