.App{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0;padding:0;min-height:100vh;background-color:#f0f7ff}.content-wrapper{display:flex;margin-top:5px;min-height:calc(100vh - 80px)}.main-content{transition:margin-left .3s ease}.content-card{background:#f4f4f4;padding:48px;border-radius:16px;min-height:100vh;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid #f0f0f0}.page-content{margin-top:20px;margin-left:30px}.page-title{margin-left:30px;font-size:24px;color:#333;font-weight:600;padding-bottom:5px}.page-description{font-size:16px;color:#666;line-height:1.8;margin:0}.welcome-background{min-height:100vh;background-image:url(/static/media/welcome_image.ba4a08dc.png);background-size:cover;background-repeat:no-repeat}.welcome-subtitle{font-size:18px;color:#999;margin:0;line-height:1.6}.content-section{margin-top:24px}.current-selection{margin-top:32px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border-radius:12px;border-left:5px solid #1976d2}.selection-text{font-size:16px;color:#555;margin:0;font-weight:500}.LoaderButton .spinning{margin-right:7px;top:2px;animation:spin 1s linear infinite}.LoaderButton{margin-right:10px;margin-top:10px}@keyframes spin{0%{transform:scale(1) rotate(0deg)}to{transform:scale(1) rotate(1turn)}}@media (min-width:480px){.Login{padding:60px 0}.Login form{margin:0 auto;max-width:320px}}@media (min-width:480px){.Signup{padding:60px 0}.Signup form{margin:0 auto;max-width:320px}}.container{text-align:center}.toggle-switch{width:53px;text-align:left;top:3px}.labelTitle,.toggle-switch{position:relative;display:inline-block}.labelTitle{text-align:right;bottom:5px}.checkbox{display:none}.label{display:block;overflow:hidden;cursor:pointer;border:0 solid #bbb;border-radius:20px}.inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.inner:after,.inner:before{float:left;width:50%;height:25px;padding:0;line-height:25px;color:#fff;font-weight:700;box-sizing:border-box}.inner:before{content:"YES";padding-left:4px;background-color:#060;color:#fff}.inner:after{content:"NO";padding-right:4px;background-color:#bbb;color:#fff;text-align:right}.switch{display:block;width:16px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:25px;border:0 solid #bbb;border-radius:20px;transition:all .3s ease-in 0s}.checkbox:checked+.label .inner{margin-left:0}.checkbox:checked+.label .switch{right:0}.NoteInfo form textarea,.NoteNew form textarea,.Notes form textarea{height:300px;font-size:1.5rem}.NotFound{padding-top:100px}.app-header{background:linear-gradient(135deg,#2e92b0,#2e92b0);color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;padding:0 24px;height:64px}.header-left,.logo{display:flex;align-items:left}.logo{cursor:pointer;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:28px;margin-right:12px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.system-title{width:250px;font-size:24px;font-weight:700;margin:0;background:linear-gradient(45deg,#fff,#e3f2fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.main-navigation{display:flex;align-items:center;grid-gap:5px;gap:5px;margin:0 auto}.nav-item-container{position:relative}.nav-item{background:transparent;border:none;color:#f4f4f4;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;grid-gap:6px;gap:6px}.nav-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.nav-item.active{background:hsla(0,0%,100%,.25);box-shadow:0 2px 8px rgba(0,0,0,.3);font-weight:600}.dropdown-indicator{font-size:10px;opacity:.8;transition:transform .2s ease}.nav-item:hover .dropdown-indicator{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:#f4f4f4;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.15);z-index:1001;min-width:220px;overflow:hidden;animation:slideDown .3s ease-out;border:1px solid hsla(0,0%,100%,.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-content{padding:8px 0}.dropdown-item,.dropdown-item-container{position:relative}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;transition:all .2s ease;color:#333;font-size:14px;border-bottom:1px solid #f0f0f0}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(90deg,#f0f7ff,#e3f2fd);color:#1976d2;padding-left:28px;font-weight:500}.dropdown-item.active{background:linear-gradient(90deg,#e3f2fd,#bbdefb);color:#1976d2;font-weight:600;border-left:4px solid #1976d2}.arrow-right{font-size:10px;color:#666;margin-left:8px;opacity:.7}.sub-dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.15);min-width:200px;animation:slideRight .25s ease-out;border:1px solid rgba(0,0,0,.1);overflow:hidden}@keyframes slideRight{0%{opacity:0;transform:translateX(-15px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.header-right,.user-menu{display:flex;align-items:center}.user-menu{grid-gap:12px;gap:12px}.notification-btn,.settings-btn{background:transparent;border:none;color:#fff;font-size:18px;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.notification-btn:hover,.settings-btn:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1)}.notification-badge{position:absolute;top:2px;right:2px;background:#f44;color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.user-profile{display:flex;width:150px;align-items:center;grid-gap:8px;gap:8px;padding:6px 12px;border-radius:20px;background:hsla(0,0%,100%,.1);cursor:pointer;transition:all .2s ease}.user-profile:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3)}.user-name{font-size:14px;font-weight:500}.dropdown-arrow{font-size:10px;opacity:.8}@media (max-width:768px){.header-container{padding:0 16px}.system-title{font-size:18px}.nav-item{padding:10px 16px;font-size:13px}.user-name{display:none}.dropdown-menu{min-width:180px}}@media (max-width:480px){.logo-icon{font-size:24px;margin-right:8px}.system-title{font-size:16px}.nav-item{padding:8px 12px;font-size:12px}}.sidebar{width:280px;background:linear-gradient(180deg,#f0f7ff,#f0f7ff);border-right:2px solid #e3f2fd;box-shadow:4px 0 20px rgba(0,0,0,.08);display:flex;flex-direction:column;height:calc(100vh - 64px);position:fixed;left:0;top:64px;z-index:999;animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.sidebar-header{padding:24px 20px;border-bottom:2px solid #e3f2fd;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1}.main-menu-icon{font-size:32px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.header-text{flex:1 1}.sidebar-title{font-size:18px;font-weight:700;color:#fdfdfd;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar-subtitle{font-size:12px;margin:0;opacity:.9;font-weight:400;color:#fdfdfd}.collapse-btn{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#f1f3f4}.sidebar-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.menu-list{padding:0}.menu-item,.menu-item-container{position:relative}.menu-item{cursor:pointer;transition:all .25s ease;border-left:4px solid transparent;margin:2px 0}.menu-item:hover{background:linear-gradient(90deg,#f0f7ff,#e8f4f8);border-left-color:#64b5f6}.menu-item.active{background:linear-gradient(90deg,#e3f2fd,#bbdefb);border-left-color:#1976d2;font-weight:600}.menu-item.has-submenu:hover{background:linear-gradient(90deg,#f5f5f5,#e8f5e8);border-left-color:#4caf50}.menu-item-content{padding:14px 20px;grid-gap:12px;gap:12px}.menu-icon,.menu-item-content{display:flex;align-items:center}.menu-icon{width:24px;justify-content:center;flex-shrink:0}.menu-emoji{font-size:16px}.sub-icon{font-size:12px;color:#666}.sub-sub-icon{font-size:16px;color:#999}.menu-text{flex:1 1;font-size:14px;line-height:1.4;color:#333}.menu-item.active .menu-text{color:#1976d2;font-weight:600}.expand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease;flex-shrink:0}.expand-icon span{font-size:10px;color:#666}.expand-icon.expanded{transform:rotate(180deg)}.active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#1976d2;border-radius:2px 0 0 2px}.submenu-container{overflow:hidden;transition:all .3s ease}.submenu-container.collapsed{max-height:0;opacity:0}.submenu-container.expanded{max-height:1000px;opacity:1}.submenu-content{background:rgba(248,249,250,.8);border-left:2px solid #e3f2fd;margin-left:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;margin:0 0 12px;color:#333}.empty-state p{font-size:14px;line-height:1.6;margin:0;opacity:.8}.sidebar-footer{padding:16px 20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.current-path{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.path-label{font-size:11px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.path-text{font-size:12px;color:#1976d2;font-family:"Monaco","Menlo",monospace;background:rgba(25,118,210,.1);padding:4px 8px;border-radius:4px;word-break:break-all}@media (max-width:768px){.sidebar{width:250px}.sidebar-header{padding:20px 16px}.main-menu-icon{font-size:28px}.sidebar-title{font-size:16px}.menu-item-content{padding:12px 16px}}.main-container{display:flex;margin-top:64px;min-height:calc(100vh - 64px);position:relative}.sidebar-container{width:280px;flex-shrink:0;position:fixed;left:0;top:64px;bottom:0;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-container.collapsed{width:64px}.main-content{flex:1 1;width:64px;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.with-sidebar{margin-left:280px}.main-content.sidebar-collapsed{margin-left:64px}.main-content.full-width{margin-left:0}.content-wrapper{padding:32px;max-width:800px;margin:0 auto;min-height:calc(100vh - 128px);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.content-section{margin-top:5px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sidebar-container{width:100%;transform:translateX(-100%)}.sidebar-container.active{transform:translateX(0)}.main-content{margin-left:0!important}.content-wrapper{padding:20px 16px}}
/*# sourceMappingURL=main.d9e982b5.chunk.css.map */