@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font: "Inter", system-ui, sans-serif;--accent: #3ab8c8;--accent-hover: #2aa0af;--accent-light: rgba(58, 184, 200, .15);--accent-glow: rgba(58, 184, 200, .35);--brand-gold: #e8a800;--brand-gold-light: rgba(232, 168, 0, .15);--brand-choco: #7a4a3a;--brand-choco-dark: #5a3228;--sidebar-bg: #2d1a14;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-text: #b8927e;--sidebar-text-active: #fef3ee;--sidebar-item-hover: rgba(255, 255, 255, .06);--sidebar-width: 260px;--navbar-bg: #ffffff;--navbar-border: #e8ddd9;--navbar-height: 64px;--content-bg: #fdf8f6;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(122, 74, 58, .07), 0 4px 12px rgba(122, 74, 58, .05);--text-primary: #1c0f0a;--text-secondary: #6b4a40;--text-muted: #a07060;--success: #22c55e;--warning: #e8a800;--danger: #c8362b;--border: #e8ddd9;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--content-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font);border:none;background:none}input,textarea,select{font-family:var(--font)}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8a898;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#a07060}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:width var(--transition);overflow:hidden}.sidebar--collapsed{width:68px}.sidebar__logo{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--sidebar-border);min-height:64px}.sidebar__logo-img{width:36px;height:36px;border-radius:10px;object-fit:cover;flex-shrink:0}.sidebar__logo-text{font-size:18px;font-weight:700;color:#fef3ee;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;flex:1}.sidebar__collapse-btn{margin-left:auto;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#7a5a52;transition:background var(--transition),color var(--transition);flex-shrink:0}.sidebar__collapse-btn:hover{background:#ffffff14;color:#b8927e}.sidebar--collapsed .sidebar__collapse-btn{margin-left:0}.sidebar__nav{flex:1;padding:16px 8px;overflow-y:auto;overflow-x:hidden}.sidebar__section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#5a3a32;padding:0 8px;margin-bottom:8px;white-space:nowrap}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:14px;font-weight:500;transition:background var(--transition),color var(--transition);position:relative;white-space:nowrap}.sidebar--collapsed .sidebar__item{justify-content:center;padding:10px 0}.sidebar__item:hover{background:var(--sidebar-item-hover);color:#fef3ee}.sidebar__item--active{background:#3ab8c826;color:var(--sidebar-text-active);font-weight:600}.sidebar__item--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.sidebar__item-icon{flex-shrink:0;opacity:.8}.sidebar__item--active .sidebar__item-icon{opacity:1;color:var(--accent)}.sidebar__item-label{flex:1}.sidebar__item-arrow{opacity:0;transition:opacity var(--transition),transform var(--transition)}.sidebar__item:hover .sidebar__item-arrow,.sidebar__item--active .sidebar__item-arrow{opacity:.5;transform:translate(2px)}.sidebar__group-btn{width:100%;background:transparent;border:none;cursor:pointer;text-align:left}.sidebar__item-chevron{opacity:.45;transition:opacity var(--transition),transform var(--transition);flex-shrink:0}.sidebar__group-btn:hover .sidebar__item-chevron,.sidebar__group-btn.sidebar__item--active .sidebar__item-chevron{opacity:.7}.sidebar__submenu{list-style:none;margin:2px 0;padding:0;display:flex;flex-direction:column;gap:1px;overflow:hidden;animation:submenu-open .18s ease}@keyframes submenu-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar__subitem{padding-left:38px!important;font-size:13px!important}.sidebar__subitem:before{display:none}.sidebar__subitem.sidebar__item--active:before{display:block}.sidebar__footer{padding:16px 20px;border-top:1px solid var(--sidebar-border)}.sidebar__version{font-size:11px;color:#5a3a32;white-space:nowrap}@media(max-width:768px){.sidebar{transform:translate(-100%);z-index:300;width:var(--sidebar-width)!important;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar--mobile-open{transform:translate(0)}.sidebar__collapse-btn{display:none}}.navbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--navbar-height);background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:90;box-shadow:0 1px 0 var(--navbar-border);transition:left var(--transition)}.navbar--collapsed{left:68px}.navbar__left{display:flex;align-items:center;gap:12px}.navbar__sidebar-toggle{color:var(--text-secondary)}.navbar__title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.navbar__right{display:flex;align-items:center;gap:8px}.navbar__icon-btn{position:relative;width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background var(--transition),color var(--transition)}.navbar__icon-btn:hover{background:#fdf3ee;color:var(--brand-choco)}.navbar__badge{position:absolute;top:6px;right:6px;width:16px;height:16px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.navbar__divider{width:1px;height:28px;background:var(--border);margin:0 4px}.navbar__user-wrapper{position:relative}.navbar__user{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border:1px solid transparent}.navbar__user:hover,.navbar__user--active{background:#fdf3ee;border-color:var(--border)}.navbar__avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.navbar__user-info{display:flex;flex-direction:column}.navbar__user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.navbar__user-role{font-size:11px;color:var(--text-muted);line-height:1.2}.navbar__user-chevron{color:var(--text-muted);transition:transform var(--transition)}.navbar__user-chevron--open{transform:rotate(180deg)}.navbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #7a4a3a1f,0 2px 8px #7a4a3a0f;overflow:hidden;z-index:200;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar__dropdown-header{padding:14px 16px;background:#fdf8f6}.navbar__dropdown-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.navbar__dropdown-email{font-size:12px;color:var(--text-muted);margin-top:2px}.navbar__dropdown-divider{height:1px;background:var(--border)}.navbar__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-primary);transition:background var(--transition),color var(--transition);text-align:left}.navbar__dropdown-item:hover{background:#fdf3ee}.navbar__dropdown-item--danger{color:var(--danger)}.navbar__dropdown-item--danger:hover{background:#fef2f2;color:#c8362b}@media(max-width:768px){.navbar{left:0!important}.navbar__user-info,.navbar__user-chevron,.navbar__divider{display:none}.navbar__user{padding:4px}.navbar__title{font-size:14px}}.admin-layout{display:flex;min-height:100vh}.admin-layout__main{flex:1;min-width:0;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;transition:margin-left var(--transition)}.admin-layout--collapsed .admin-layout__main{margin-left:68px}.admin-layout__content{margin-top:var(--navbar-height);padding:32px;flex:1;min-width:0;background:var(--content-bg)}.admin-layout__overlay{position:fixed;inset:0;background:#00000080;z-index:250;animation:overlay-fade-in .2s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.admin-layout__main{margin-left:0!important}.admin-layout__content{padding:16px}}