*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background-color:#f0f2f5;color:#333}.sidebar{width:220px;flex-shrink:0;height:100%;background:#fff;border-left:1px solid #f0ede8;display:flex;flex-direction:column;overflow-y:auto;direction:rtl}.sidebar-nav{flex:1;padding:8px 0}.sidebar-section{padding:14px 0 4px}.sidebar-section-label{display:block;font-size:10px;font-weight:500;color:#aaa9a1;letter-spacing:.7px;text-transform:uppercase;padding:0 16px 6px}.sidebar-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 12px;margin:0 4px;width:calc(100% - 8px);border-radius:8px;border:none;background:none;cursor:pointer;color:#6b6a63;font-size:13px;font-family:inherit;text-decoration:none;transition:background .1s,color .1s;text-align:right}.sidebar-item:hover{background:#f7f5f2;color:#1a1a18}.sidebar-item.active{background:#fff4ee;color:#c44e08;font-weight:500}.sidebar-item.group-open{background:#f7f5f2;color:#1a1a18}.sidebar-item-icon{display:flex;align-items:center;flex-shrink:0;opacity:.65}.sidebar-item.active .sidebar-item-icon,.sidebar-item.group-open .sidebar-item-icon{opacity:1}.sidebar-item-label{flex:1}.sidebar-item-badge{margin-right:auto;background:#fee2e2;color:#991b1b;font-size:10px;font-weight:500;padding:1px 6px;border-radius:10px;line-height:1.5}.sidebar-chevron{display:flex;align-items:center;color:#aaa9a1;transition:transform .18s;flex-shrink:0}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-sub{margin:2px 20px 4px 4px;padding-right:14px;border-right:1.5px solid #f0ede8}.sidebar-sub-item{display:block;padding:6px 10px;border-radius:6px;font-size:12px;color:#888780;text-decoration:none;transition:background .1s,color .1s;margin-bottom:1px}.sidebar-sub-item:hover{background:#f7f5f2;color:#1a1a18}.sidebar-sub-item.active{background:#fff4ee;color:#c44e08;font-weight:500}.sidebar-bottom{padding:12px;border-top:1px solid #f0ede8}.sidebar-user{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:#f7f5f2}.sidebar-user-avatar{width:30px;height:30px;border-radius:7px;background:#fff4ee;border:1px solid rgba(196,78,8,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#c44e08;flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{display:block;font-size:12px;font-weight:500;color:#1a1a18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:block;font-size:10px;color:#aaa9a1}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:none;cursor:pointer;color:#888780;flex-shrink:0;transition:background .1s,color .1s}.sidebar-logout-btn:hover{background:#fee2e2;color:#991b1b}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#e5e3de;border-radius:4px}.admin-layout{display:flex;flex-direction:column;height:100vh;background:#f7f5f2;direction:rtl}.admin-topbar{height:52px;flex-shrink:0;background:#fff;border-bottom:1px solid #f0ede8;display:flex;align-items:center;gap:16px;padding:0 20px;z-index:100}.topbar-logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-logo-mark{width:28px;height:28px;background:#d4570a;border-radius:7px;display:flex;align-items:center;justify-content:center}.topbar-logo-name{font-size:15px;font-weight:500;color:#1a1a18;letter-spacing:-.2px}.topbar-search{flex:1;max-width:340px;display:flex;align-items:center;gap:8px;background:#f7f5f2;border:1px solid #ebe9e4;border-radius:8px;padding:7px 12px;color:#aaa9a1}.topbar-search input{flex:1;background:none;border:none;outline:none;font-size:13px;color:#1a1a18;font-family:inherit;direction:rtl}.topbar-search input::placeholder{color:#aaa9a1}.topbar-right{display:flex;align-items:center;gap:10px;margin-right:auto}.topbar-notif-btn{position:relative;width:34px;height:34px;border-radius:8px;border:1px solid #ebe9e4;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b6a63;transition:background .1s}.topbar-notif-btn:hover{background:#f7f5f2}.topbar-notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:#d4570a;border-radius:50%;border:1.5px solid #fff}.topbar-avatar{width:34px;height:34px;border-radius:8px;background:#fff4ee;border:1px solid rgba(212,87,10,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#c44e08;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-body{flex:1;display:flex;overflow:hidden}.admin-main{flex:1;overflow-y:auto;padding:24px 28px;background:#f7f5f2}.admin-main::-webkit-scrollbar{width:5px}.admin-main::-webkit-scrollbar-track{background:transparent}.admin-main::-webkit-scrollbar-thumb{background:#e0ddd8;border-radius:4px}