.app-wrapper[data-v-db8e7453]{background-color:#f4f7fe;width:100vw;height:100vh;display:flex;overflow:hidden}.primary-sidebar[data-v-db8e7453]{color:#9ca3af;z-index:20;background-color:#111827;flex-direction:column;flex-shrink:0;width:160px;display:flex;box-shadow:2px 0 10px #0000000d}.logo[data-v-db8e7453]{letter-spacing:.5px;color:#fff;background-color:#1f2937;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:800;display:flex}.logo-icon[data-v-db8e7453]{color:#3f83f8;margin-right:6px}.menu-list[data-v-db8e7453]{flex:1;padding-top:15px;overflow-y:auto}.menu-list[data-v-db8e7453]::-webkit-scrollbar{width:0}.menu-item[data-v-db8e7453]{cursor:pointer;border-left:4px solid #0000;align-items:center;gap:12px;padding:14px 20px;transition:all .2s;display:flex}.menu-item[data-v-db8e7453]:hover{color:#fff;background-color:#ffffff0d}.menu-item.is-active[data-v-db8e7453]{color:#3f83f8;background:linear-gradient(90deg,#3f83f826 0%,#11182700 100%);border-left:4px solid #3f83f8}.menu-text[data-v-db8e7453]{letter-spacing:.5px;font-size:14px;font-weight:500}.secondary-sidebar[data-v-db8e7453]{z-index:10;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:125px;display:flex;box-shadow:2px 0 15px #00000005}.secondary-header[data-v-db8e7453]{border-bottom:1px solid #f8fafc;justify-content:center;align-items:center;height:64px;display:flex}.secondary-header h2[data-v-db8e7453]{color:#111928;margin:0;font-size:15px;font-weight:700}.brick-container[data-v-db8e7453]{gap:12px;padding:16px;display:grid;overflow-y:auto}.brick-item[data-v-db8e7453]{aspect-ratio:1;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.brick-item[data-v-db8e7453]:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 12px #0000000a}.brick-item.is-active[data-v-db8e7453]{background-color:#eff6ff;border-color:#3f83f8;box-shadow:0 4px 12px #3f83f826}.brick-icon[data-v-db8e7453]{color:#94a3b8;margin-bottom:10px;transition:color .2s}.brick-item:hover .brick-icon[data-v-db8e7453]{color:#60a5fa}.brick-item.is-active .brick-icon[data-v-db8e7453]{color:#1a56db}.brick-title[data-v-db8e7453]{color:#475569;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.brick-item.is-active .brick-title[data-v-db8e7453]{color:#1e40af}.main-wrapper[data-v-db8e7453]{flex-direction:column;flex:1;min-width:0;display:flex}.top-header[data-v-db8e7453]{background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;box-shadow:0 1px 2px #00000005}.page-title[data-v-db8e7453]{color:#111928;font-size:16px;font-weight:700}.header-right[data-v-db8e7453]{align-items:center;gap:20px;display:flex}.user-info[data-v-db8e7453]{color:#475569;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.user-avatar[data-v-db8e7453]{color:#1a56db;background-color:#e0e7ff;font-weight:700}.main-content[data-v-db8e7453]{flex:1;padding:24px;overflow-y:auto}.fade-enter-active[data-v-db8e7453],.fade-leave-active[data-v-db8e7453]{transition:opacity .2s}.fade-enter-from[data-v-db8e7453],.fade-leave-to[data-v-db8e7453]{opacity:0}