.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-backdrop{position:fixed;top:0;left:0;width:100vw;height:auto;padding-top:20px;display:flex;justify-content:center;align-items:flex-start;z-index:10000;pointer-events:none}.error-popup{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;width:360px;max-width:90vw;display:flex;align-items:stretch;animation:fadeInScale .25s ease forwards;pointer-events:auto}.error-accent-bar{width:16px;background-color:red;border-top-left-radius:12px;border-bottom-left-radius:12px}.error-content{padding:20px 24px;flex:1;display:flex;flex-direction:column;justify-content:center}.error-title{font-size:18px;font-weight:700;color:red;margin-bottom:8px;font-family:Poppins,sans-serif}.error-message{font-size:15px;color:#333;line-height:1.3;font-family:Poppins,sans-serif;margin:0}.error-close-btn{position:absolute;top:8px;right:12px;border:none;background:transparent;font-size:24px;font-weight:700;color:red;cursor:pointer;padding:0;line-height:1;-webkit-user-select:none;user-select:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.layout-container{display:flex;min-height:100vh;width:100vw;box-sizing:border-box}.sidebar{width:220px;background:#29437a;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:32px;min-height:100%;box-shadow:4px 0 16px #29437a1a;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden;position:fixed;top:0;left:0;z-index:1000;height:100vh}.sidebar.collapsed{width:0;min-width:0;padding-left:0;padding-right:0;transform:translate(-100%)}.layout-container .sidebar.collapsed+.main-content{margin-left:0}.sidebar.collapsed>*:not(.sidebar-logo){opacity:0;pointer-events:none;transition:opacity .2s}.sidebar>*:not(.sidebar-logo){opacity:1;transition:opacity .2s .1s}.sidebar-backdrop{display:none}.header-shifted{left:0!important;width:100%!important}.sidebar-logo{height:60px;margin-left:-30px;margin-bottom:16px;flex-shrink:0}.sidebar-menu{width:100%;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-menu-item{background:transparent;color:#fff;font-size:16px;font-weight:400;padding:8px 16px;margin:0;width:100%;border-radius:12px;display:flex;align-items:center;gap:10px;transition:background .2s,color .2s;min-height:48px;text-decoration:none}.sidebar-menu-item .sidebar-icon,.sidebar-menu-item .sidebar-label{color:#fff;transition:color .2s;font-weight:300}.sidebar-menu-item.active{background:#fff;color:#29437a;box-shadow:0 2px 8px #29437a14;border-radius:12px;font-size:16px;font-weight:400;padding:8px 16px;margin:0 16px;width:auto;display:flex;align-items:center;justify-content:flex-start;transition:background .2s,color .2s,box-shadow .2s}.sidebar-menu-item.active .sidebar-icon,.sidebar-menu-item.active .sidebar-label{color:#29437a}.sidebar-menu-item:not(.active):hover{background:#ffffff14}.sidebar-menu-item:not(.active):hover .sidebar-icon,.sidebar-menu-item:not(.active):hover .sidebar-label{color:#fff}.sidebar-title{margin:0;font-size:1.5rem;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{color:#fff;text-decoration:none;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.sidebar-link:hover,.sidebar-link.active{background-color:#ffffff1a}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;transition:margin-left .3s;margin-left:220px}.header{height:60px;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 1rem;justify-content:space-between;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.page-title{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50}.user-name{color:#2c3e50;font-weight:500}.hamburger-button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;gap:4px}.hamburger-button:hover .hamburger-line{background-color:#34495e}.hamburger-line{display:block;width:24px;height:2px;background-color:#2c3e50;transition:all .3s ease}.logout-button{padding:.5rem 1rem;border-radius:4px;border:none;background-color:#e74c3c;color:#fff;cursor:pointer;transition:background-color .2s ease;font-weight:500}.logout-button:hover{background-color:#c0392b}.main-content-area{padding:1rem;flex:1;background-color:#f8f9fa;margin-top:72px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.appbar{width:calc(100% - 220px);min-width:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;overflow:visible;position:fixed;top:0;left:220px;right:0;z-index:999;background:#fff;box-shadow:0 4px 16px #00000014;min-height:72px;padding:0 32px;transition:width .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1)}.layout-container .sidebar.collapsed~.main-content .appbar{width:100%;left:0}.appbar.appbar--embedded{width:100%;left:0;background:#f8f9fa;box-shadow:none}.appbar-left-group,.appbar-right-group{display:flex;align-items:center;gap:16px;min-width:0;flex-shrink:1}@media(max-width:600px){.appbar-right-group{gap:8px;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.appbar{padding:0 8px}}.appbar-title{font-size:20px;font-weight:600;color:#555;margin-left:8px}.appbar-refresh-label{color:#888;font-size:15px;margin-right:4px}.appbar-refresh-pill{display:flex;align-items:center;background:#8cc152;color:#fff;font-weight:600;border-radius:20px;padding:2px 14px 2px 8px;font-size:16px;gap:6px}.appbar-add-btn{background:#8cc152;color:#fff;font-weight:500;border:none;border-radius:6px;height:40px;padding:0 24px;font-size:17px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.appbar-add-btn:hover{background:#7bb142}.appbar-user-name{color:#29437a;font-weight:600;font-size:17px;margin-left:24px;margin-right:12px;letter-spacing:.01em}.appbar-logout-btn{background:#e74c3c;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;box-sizing:border-box;padding:0;margin:20px}.appbar-logout-btn:hover{background:#c0392b}.appbar-logout-btn img{width:60%;height:60%;max-width:24px;max-height:24px;object-fit:contain;display:block;margin:0 auto;box-sizing:border-box;padding:0}.logout-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.logout-modal{background:#fff;border-radius:20px;padding:40px 48px 32px;min-width:340px;min-height:160px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 32px #0000001a}.logout-modal-title{font-size:20px;font-weight:700;color:#222;text-align:center;margin-bottom:32px}.logout-modal-actions{display:flex;gap:18px}.logout-modal-yes{background:#8cc152;color:#fff;font-weight:600;border:none;border-radius:6px;padding:12px 32px;font-size:17px;cursor:pointer;transition:background .2s}.logout-modal-yes:hover{background:#7bb142}.logout-modal-no{background:#c05050;color:#fff;font-weight:600;border:none;border-radius:6px;padding:12px 32px;font-size:17px;cursor:pointer;transition:background .2s}.logout-modal-no:hover{background:#a03c3c}